Ajax 002

Respuesta del servidor. 

Para recoger la respuesta del servidor usamos las propiedades responseText o responseXML de XMLHttpRequest object. 

responseText devuelve un string 

responseXML devuelve datos XML

Ejemplo respuesta text:

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

Ejemplo respuesta  

xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("ARTIST");
for (i=0;i<x.length;i++)
  {
  txt=txt + x[i].childNodes[0].nodeValue + "<br>";
  }
document.getElementById("myDiv").innerHTML=txt;

El evento onreadystatechange  

Cuando una respuesta del servidor es enviada esperaremos alguna acción basada en la respuesta.
El evento onreadystatecharge desencadena el readyState.
La propiedad readyState mantiene el estatus de XMLhttpRequest.
Sus principales propiedades son:

onreadystatechange Almacena la función/nombre de función y la llama cada vez que cambia el readyState.

readyState Mantiene el estatus de XMLHttpRequest, cambia de 0 a 4. 
0 sin inicializar
1 conexión con el servidor realizada
2 petición recibida
3 procesando la petición
4 petición terminada y respuesta preparada. 

Status
200: Ok
404: Página no encontrada

xmlhttp.onreadystatechange=function()  {  if (xmlhttp.readyState==4 && xmlhttp.status==200)    {    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;    }  }

function myFunction()
{
loadXMLDoc("ajax_info.txt",function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  });
}