Necesito explicación código AJAX

[eContento]

Hola Nestor,
Sin utilizar ningún framework tipo jQuery, se puede utilizar AJAX a través de un objeto JavaScript llamado XMLHttpRequest. el primer if, lo que mira es si estás en un navegador que tenga este objeto de forma nativa, o si estás en Internet Explorer, que lo carga mediante un AvtiveX.

Código:

var peticion = false;
if (window.XMLHttpRequest) {
  peticion = new XMLHttpRequest();
} else if (window.ActiveXObject) {
  peticion = new ActiveXObject("Microsoft.XMLHTTP");
}

Una vez instanciado el objeto "peticion", cuando se invoca a la función cargarexterno envía una variable datos por método GET. La variable datos será unaURL con queryString incluidalago del tipo http://www.midominio.com/pagina?codigo=valor.

Este objeto tiene un controlador de eventos sobre el estado en que está, así peticion.readyState == 4 es que ya ha terminado. En ese caso, coge el div cuya ID has pasado por parámetro y en su innerHTML escribes la respuesta de la petición AJAX peticion.responseText;

Código:

function cargarExterno(datos,divID) {
  if(peticion) {
    var obj = document.getElementById(divID);
    peticion.open("GET", datos);
    peticion.onreadystatechange = function() {
      if (peticion.readyState == 4) {
        obj.innerHTML = peticion.responseText;
      }
    }
    peticion.send(null);
  }
}

Espero haberte ayudado.

Hoy por hoy, que todo el mundo usa un framework JavaScript, esto ya está olvidado, pero aún encuentras sitios donde explican estas cosas en detalle. Te recomiendo el libro de Ajax de Javier Eguiluz.

Puedes ver un primer ejemplo explicado de todo esto en
http://librosweb.es/ajax/capitulo_7/...plicacion.html