Tengo la siguiente función en ajax que me carga una pagina en un div contenedor:
Código:
Y en HTML por ejemplo:function getXmlHttpRequestObject() { if (window.XMLHttpRequest) { //mozilla, zafari, etc return new XMLHttpRequest(); } else if(window.ActiveXObject) { //Internet Explorer return new ActiveXObject("Microsoft.XMLHTTP"); } else { //mensaje de error alert("Tu navegador no soporta el objeto XmlHttpRequest. Actualizate a firefox."); } } // //============================================================================= // //======= Funciónes para cargar un documento HTML en un Div contenedor ======== // var cualPaginaCarga = getXmlHttpRequestObject(); // function cargarPagina(url, idContenedor) { if(cualPaginaCarga.readyState == 4 || cualPaginaCarga.readyState == 0){ cualPaginaCarga.open("GET", url, true); cualPaginaCarga.onreadystatechange = function(){ //función de respuesta datosCargaPagina(cualPaginaCarga, idContenedor); } cualPaginaCarga.send(null); } } // function datosCargaPagina(cualPaginaCarga, idContenedor){ if (cualPaginaCarga.readyState == 4 && (cualPaginaCarga.status == 200 || window.location.href.indexOf ("http") == - 1)) document.getElementById (idContenedor).innerHTML = cualPaginaCarga.responseText; }
Código HTML:
<a href="#" onclick="cargarPagina('pagina2.html', 'resultado')">MOSTRAR DATOS</a> <div id="resultado"></div>
Saludos y gracias.