Me he encontrado con esta página web, donde muestran un pequeño pero útil manual, de como entender y poder programar AJAX.
AJAX és una técnica de desarrollo web para crear aplicaciones interactivas usando diferentes tecnologías web que colaboran entre ellas.
Nacido en 2005 cómo una técnica para la sustitución del iframe como método de comunicación sin refresco se ha convertido en pocos años en una tecnología imprescindible en la mayoría de aplicaciones web.
En este curso aprenderemos a utilizar AJAX para crear nuestras própias aplicaciones así como también encontraremos una referéncia completa y con ejemplos de los metodos y atributos que utilizaremos con esta tecnología:
1. | Que es ajax Según wikipedia AJAX (Asynchronous JavaScript And XML) és una técnica de desarrollo web para crear aplicaciones interactivas… |
2. | El objeto XMLHttpRequest Un objeto XMLHttpRequest es una instancia de una API que nos permite la transferéncia de datos en formato XML desde los script… |
2.1. | onreadystatechange (atributo) El atributo onreadystatechange asigna la función que se ejecutará cada vez que readyState cambie de valor. Utilización… |
2.2. | readyState (atributo) El atributo readyState devuelve el estadoactual del objeto XMLHttpRequest, cada vez que cambia el valor de readyState se lanza… |
2.3. | responseText (atributo) El atributo responseText devuelve el texto del documento descargado del servidor en una petición con XMLHttpRequest. … |
2.4. | responseXML (atributo) El atributo responseXML devuelve una referéncia al cuerpo del documento descargado del servidor en una petición con… |
2.5. | status (atributo) El atributo statusText devuelve el código del estado HTTP de la transmisión devuelto por el servidor web. Utilización… |
2.6. | statusText (atributo) El atributo statusText devuelve el texto del estado HTTP de la transmisión devuelto por el servidor web. Utilización… |
2.7. | abort (metodo) El método abort detiene todas las conexiones asíncronas abiertas por el objeto XMLHttpRequest lo y reinicializa poniendo a… |
2.8. | getAllResponseHeaders (metodo) El método getAllResponseHeaders devuelve en una sola cadena de caracteres los encabezados HTTP que se han recibido del… |
2.9. | getResponseHeader (metodo) El método getResponseHeader devuelve en una sola cadena de caracteres uno de los encabezados HTTP que se han recibido del… |
2.10. | open (metodo) El método open prepara una conexión HTTP a través del objeto XMLHttpRequest ( con un método y una URL especificados ) y … |
2.11. | send (metodo) El método send envía la petición con los datos pasados por parámetro como cuerpo de la petición a través del objeto… |
2.12. | setRequestHeader (metodo) El método setRequestHeader añade un encabezado HTTP a la petición HTTP a través del objeto XMLHttpRequest. Utilización… |
3. | Creación del objeto XMLHttpRequest El secreto de AJAX es la comunicación sin refresco entre el cliente y el servidor, esto es posible gracias a JavaScript y al… |
4. | Realizar una petición con AJAX El primer paso para establecer la comunicación con el servidor usando AJAX, es hacer la petición, posteriormente, el servidor nos… |
4.1. | escape (metodo) El método escape devuelve la cadena pasada por parámetro con las transformaciones nescesárias para ser enviada en una… |
5. | Recibir la petición AJAX Vamos a ver como recibir la petición realizada en el capítulo anterior de este curso de AJAX, recordamos que habíamos hecho una… |
6. | La respuesta AJAX Por definición, AXAJ utiliza XML para organizar los datos transmitidos entre el servidor y el navegador, para que el navegador… |
7. | Tratamiento de la respuesta AJAX Una vez recibida la petición AJAX debemos saber interpretar los datos XML recibidos usando JavaScript, para ello, utilizaremos… |
7.1. | getElementsByTagName (metodo) El método getElementsByTagName devuelve una lista de todos los subelementos del elemnto actual que tienen un nombre… |
8. | Mostrar los datos al usuario Una vez hemos recibido y conocemos los datos que necesitamos del servidor, deberemos mostrarlos al usuario de alguna… |