Ensayo sobre el "alzheimer"
Este es un mini-tutorial que explica con pasos sencillos, cómo manejar nuestros eventos con AJAX en una página web2.0.
Cargando una página html en un contenedor <div> sin recargar la página.
Necesitas:
· Un servidor web · Un navegador · Un editor de texto Ahora si, ya que sabemos qué mismo es AJAX(click aquí si no sabes), podemos ponerlo en práctica en un ejemplo sencillo, fíjense en el código de la página web que tenemos a continuación: ejemplo.html | <html> <head><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″><title>lixcial</title><script language=”javascript” src=”ajax.js” …ver más…
Luego en el método send, nos sirve por ejemplo cuando usamos POST en la petición para enviar datos al servidor en forma de cadena, en nuestro caso no es necesario, enviaremos null.
Ahora seguimos con nuestra función callback, que es la que decide qué va a pasar con la respuesta del servidor si es que llega, y llega correcta. if (http_request.readyState == 4) { if (http_request.status == 200) //Aquí recibimos la respuesta else alert(‘Hubo problemas con la petición’);
}
El campo readyState nos da el “estado listo”, si tiene el valor 4, significa que la respuesta llegó completamente y podemos continuar, otros estados importantes son:
0 (no inicializada)
1 (leyendo)
2 (leido)
3 (interactiva)
Y por último ¿de dónde sacamos la respuesta?, pues de las propiedades del objeto HTTPRequest: http_request.responseText, si la respuesta es texto. http_request.responseXML, si la respuesta es un XML que puede ser parseado con distintas funciones del DOM.
espa=document.getElementById(“espacio”);