@Emprear
Con el ejemplito sencillo que pones en tu página demo, me dan ganas de aprender un poco de Ajax. Así que te vas a tener que aguantar a mi lluvia de preguntas.
Primero una aclaración, para ese ejempo sencillo se puede hacer con GET. Y pasar un header sería opcional
1) ¿Por qué un requestHeader?
suponiendo que estamos procesando un form con ajax y queremos usar POST, utilizamos el método requestHeader para indicar que los datos están codificados como en un formulario, en este caso
setRequestHeader("Content-Type","application/x-www-form-urlencoded");
se entiende que el recurso requerido se está solicitando por medio del Ajax, por lo tanto los headers deben de enviarse de la misma forma.
la sintáxis es
objetoAjax.setRequestHeader(nombre del header, valor);
2) ¿Qué son los redyState? ¿Ese número 4, varía conforme tienes más elementos en el menú?
No, no se relaciona con los elementos del menu, cuando hacés una petición por Ajax, entre el envío y la respuesta hay diferentes estados, lee esto primero (donde se describen los posibles valores 0,1,2,3,4)
http://librosweb.es/ajax/capitulo7/m...tprequest.html
De ahi que si está en uno, utilizo
Código Javascript
:
Ver originalif (ajax.readyState==1){
document.getElementById(capa).innerHTML = "<img src='ajax-loader.gif' align='center' /><br /> Aguarde por favor...";
}
el famoso gif de cargando
Luego
Código Javascript
:
Ver originalif (ajax.readyState == 4){
if(ajax.status == 200) {
document.getElementById(capa).innerHTML =
ajax.responseText;
}
}
Si está en 4, es que el proceso se completó correctamente, pero, también es posible que la página no exista (ya habrás oído del 404 not found), bueno el status 200, indica que la página fue encontrada, este "status" corresponde a una de las cabeceras HTTP del servidor,
Es decir, verifico ambas condiciones
3) ¿Qué es el status == 200?
lo previo