Código Javascript
:
Ver originalvar obj = false;
//En este caso la variable es global por lo tanto la podras usar en todo el script
if(window.XMLHttpRequest)
{
obj = new XMLHttpRequest();
}
else if(ActiveXObject)
{
obj = new ActiveXObject("Microsoft.XMLHTTP");
}
//hasta aqui hemos creado el objeto
obj.onreadysatechange = contenido;
//cuando la peticion sea enviada al servidor(readyState==1), cuando la peticion llege por completo al servidor(readyState==2),
//cuando el servidor este mandando la respuesta(readyState) y cuando la respuesta completa haya llegado(readyState==4)
//se va a ejecutar la funcion contenido
obj.open("GET", "pagina.php",true);
//especificamos el metodo para enviar "GET"
//especificamos la pagina php, si quisieras enviar valores lo debes hacer asi
//obj.open("GET","pagina.php?nombre=valor&nombre=valor",true);
//Lo anterior es para el caso de GET si usaras post debes usar esto
//obj.open("POST","pagina.php",true);
//obj.send(nombre=valor&nombre=valor);
obj.send(null);
//como usamos metodo GET por eso ponemos null
//es la funcion que se ejecuta cada vez que readyState cambia
//en este caso nos interesa readyState 4 que significa que la respuesta esta completa
//status = 200 significa que las cosas salieron bien en el servidor
function contenido()
{
if(obj.readyState == 4 && obj.status == 200)
{
document.getElementById(id_contenedor).innerHTML= obj.responseText;
}
}
saludos