La petición AJAX sería así:
Código Javascript
:
Ver originalwindow.onload = function () {
var xmlhttp; // En esta variable recogeremos lo que nos responda el servidor
document.getElementById(id_donde_escribiremos).innerHTML="Cargando..."; /* Mientras
se hace la petición al servidor, escribimos "Cargando" o algo así para que aparezca en
pantalla*/
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp= new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
}
function escribir() { /* Creamos esta función para que JavaScript la utilice una vez le
responda el servidor, es decir, que significa que el servidor ya nos ha respondido*/
if (xmlhttp.readyState===4 && xmlhttp.status===200) // Nos da el visto bueno
{ // Escribimos el resultado
document.getElementById(id_donde_escribiremos).innerHTML=xmlhttp.responseText;
}
else { // No nos da el visto bueno
document.getElementById(id_donde_escribiremos).innerHTML="ERROR";
}
} // Fin de la función escribir
xmlhttp.onreadystatechange = escribir; /*Cuando el servidor le responda, llama a la
función escribir anteriormente declarada*/
xmlhttp.open("POST","http://www.misitio.com/cargar_datos.html",true); /*dirección donde
se encuentra la pagina html */
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send("que_datos="+datos+"&que_valor="+valor); /* Si queremos enviarle
parámetros al servidor, podemos hacer de esta manera*/
}