KNO's Blog == La Bitácora de KNO

// Aquí vamos a guardar nuestro objeto XMLHttpRequest. Lo declaramos global porque lo vamos a usar en más de una función como veréis.
 var xmlhttp;

function leccion3_get_google()
{
// Hay que decir que el tratamiento del objeto XMLHttpRequest es distinto según que navegador usemos
// Por ello, primero lo intentamos crear para navegadors M$ y luego si no se ha creado lo crearemos para los demas navegadores
   try {

     xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

   } catch (e) {

     try {

       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

     } catch (E) {

       xmlhttp = false;

     }

   }
// Ahora compruebo si se ha creado para M$, si no lo creo
 if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {

   try {

     xmlhttp = new XMLHttpRequest();

   } catch (e) {

     xmlhttp = false;

   }

 }
// Creo que está bastante claro, lo único que puede confundiros es la gestión de las excepciones pero tambien es bastante clara. Si alguno no entiende que levante la mano ;)
// Ahora va la madre del cordero:

 xmlhttp.open("GET", "http://www.google.com" , true);

// Lo explico un poco: La función open es la que abre la comunicación con el servidor.
// Tiene los siguientes parámetros:
// Tipo: Puede ser GET,POST o HEAD. Los dos primeros son obvios, el tercero nos devolverá solo la cabecera de un documento y nos puede servir, por ejemplo, para saber si se ha modificado desde una fecha
// url: Está bastante claro.
// asincrona: Es un valor boleano que indica si la ejecución del script se detiene hasta que lleguen datos o continua sin esperar
//
// Hemos hecho el envío de forma asincrona (no nos paramos a esperar respuesta) y ¿ahora qué?
// Ahora signamos una función para cuando recivamos datos:

 xmlhttp.onreadystatechange = hayrespuesta;

// Y enviamos la petición. Como no queremos enviar datos (de momento) enviamos null. De lo contrario podrían ir incluidos datos de un formulario.

 xmlhttp.send(null);
}

// Y ahora implementamos la función que se ejecuta cuando recivamos datos:

function hayrespuesta()
{
// Sabemos que algo ha cambiado en el objeto xmlhttprequest (onreadystatechange), pero nos tenemos que asegurar de que la petición ha tenido éxito (código 4)
 if (xmlhttp.readyState == 4) {
// obtenemos el resultado del servidor
   resultado = xmlhttp.responseText;
// y lo ponemos en la capa
   document.getElementById("leccion3_capa1").innerHTML = resultado;
 } else {
// por si quisiesemos ejecutar algo mientras se está cargando el resultado
 }
}