Cargar contenido del archivo HTML en Div [sin el uso de iframes]

Question

Estoy bastante seguro de que esta es una pregunta común, pero soy bastante nuevo en JS y tengo algunos problemas con esto.

Me gustaría cargar x.html en un div con id "y" sin usar iframes. Intenté algunas cosas, busqué, pero no encuentro una solución decente para mi problema.

Preferiría algo en JavaScript si fuera posible.

Gracias de antemano a todos!

Answer 1

Sugiero entrar en una de las bibliotecas de JS que hay. Aseguran la compatibilidad para que pueda comenzar a funcionar muy rápido. jQuery y DOJO son realmente geniales. Para hacer lo que estamos tratando de hacer en jQuery, por ejemplo, sería algo parecido a esto:

<script type="text/javascript" language="JavaScript"> 
$.ajax({ 
    url: "x.html", 
    context: document.body, 
    success: function(response) { 
     $("#yourDiv").html(response); 
    } 
}); 
</script> 

Answer 2

jQuery:

$("#y").load("x.html"); 

Answer 3

http://www.boutell.com/newfaq/creating/include.html

esto explicaría cómo escribir su propio clientsideinlcude pero jQuery es mucho, opción MUCHO más fácil ... además ganarás mucho más usando jQuery de todos modos

Answer 4

Wow, de todas las respuestas marco-promocionales y Pensarías que esto es algo que JavaScript hizo increíblemente difícil. No es realmente

var xhr= new XMLHttpRequest(); 
xhr.open('GET', 'x.html', true); 
xhr.onreadystatechange= function() { 
    if (this.readyState!==4) return; 
    if (this.status!==200) return; // or whatever error handling you want 
    document.getElementById('y').innerHTML= this.responseText; 
}; 
xhr.send(); 

Si necesita IE < 8 compatibilidad, hacer esto primero para llevar a los navegadores a la velocidad:

if (!window.XMLHttpRequest && 'ActiveXObject' in window) { 
    window.XMLHttpRequest= function() { 
     return new ActiveXObject('MSXML2.XMLHttp'); 
    }; 
} 

Tenga en cuenta que el contenido de la carga en la página con los guiones hará que el contenido invisible para los clientes sin JavaScript disponible, como los motores de búsqueda. Úselo con cuidado y considere las inclusiones del servidor si todo lo que desea es colocar datos en un archivo común compartido.

Answer 5

document.getElementById("id").innerHTML='<object type="text/html" data="x.html"></object>';