Estrategia del oceano azul

DECLARACIONES

 
function AJAXCrearObjeto(){ 
 var obj; 
 if(window.XMLHttpRequest) { // no es IE 
 obj = new XMLHttpRequest(); 
 } else { // Es IE o no tiene el objeto 
 try {  obj = new ActiveXObject("Microsoft.XMLHTTP"); 
 } 
 catch (e) { 
 alert('El navegador utilizado no está soportado'); 
 } 
 } 
 return obj; 
} 


1. declaramos el objeto ajax
2. declaramosla variable
3. con XMLHttpRenquest validamos el explorador donde se va a ejecutar ajax
4. y se llama la instancia new XMLHttpRequest()
5. activo el objetonew ActiveXObject("Microsoft.XMLHTTP");
6. retorno la variable donde declare el objeto

oXML = AJAXCrearObjeto();


Llamo el objeto con oXML

REALIZAR LA PETICION

 
// Creamos el objeto oXML =AJAXCrearObjeto(); 
// Preparamos la petición 
oXML.open('GET', 'archivo.txt'); 
// Preparamos la recepción 
oXML.onreadystatechange = leerDatos; 
// Realizamos la petición 
oXML.send(''); 


1.llamo el metodo open para preparar la petición, la información va a viajar por GET, 'archivo.txt' documento a pedir.
2. con el atributo onreadystatechange preparamos la recepcion y me la trae enla funcion leerDatos que esta previamente declarada
3. envio la petición por el metodo send

RECIBIR LA PETICION

function leerDatos(){
  if (oXML.readyState == 4) {     alert (oXML.responseText);
  }
}

1. llamo la function declarada leerDatos
2. Compruebo el estado de la petición con el método readyState hasta cuando esté en estado completo (=4)
3. Leer el textorecibido con el metodo responseText

function leerDatos(){
  if (oXML.readyState  == 4) {
     alert (oXML.responseText);
  }
} 
function AJAXCrearObjeto(){
  var obj;  if(window.XMLHttpRequest) { // no es IE
    obj = new XMLHttpRequest();
  } else { // Es IE o no tiene el objeto
     try {
       obj = new ActiveXObject("Microsoft.XMLHTTP");
    }  catch (e) {...