Con el objeto XMLHttpRequest puede actualizar partes de una página web, sin necesidad de recargar la página entera.
Inténtelo usted mismo - Ejemplos
Un ejemplo sencillo XMLHttpRequest
Crear un XMLHttpRequest sencilla, y recuperar datos de un archivo TXT.
Recuperar información de cabecera con getAllResponseHeaders()
Recuperar información de la cabecera de un recurso (file) .
Recuperar información de cabecera específica con getResponseHeader()
Recuperar información de cabecera específica de un recurso (file) .
Recuperar el contenido de un archivo ASP
¿Cómo una página web puede comunicarse con un servidor web, mientras que unos caracteres de tipo de usuario en un campo de entrada.
Recuperar contenido de una base de datos
¿Cómo una página web puede recuperar información de una base de datos con el objeto XMLHttpRequest.
Recuperar el contenido de un archivo XML
Crear un XMLHttpRequest para recuperar datos de un archivo XML y mostrar los datos en una tabla HTML.
El objeto XMLHttpRequest
El objeto XMLHttpRequest se utiliza para intercambiar datos con un servidor en segundo plano.
El objeto XMLHttpRequest es the developers dream , porque se puede:
- Actualizar una página web sin tener que recargar la página
- solicitar datos de un servidor después de que la página se ha cargado
- Recibir datos de un servidor después de que la página se ha cargado
- Enviar datos a un servidor en segundo plano
Métodos del objeto XMLHttpRequest
| Método | Descripción |
|---|---|
| abort() | Cancela la petición actual |
| getAllResponseHeaders() | Devuelve la cabecera de información |
| getResponseHeader() | Devuelve la información de cabecera específica |
| open(method,url,async,uname,pswd) | Especifica el tipo de solicitud, la URL, si la petición debe ser manejado de forma asíncrona o no, y otros atributos opcionales de una solicitud Método: el tipo de solicitud: GET o POST url: la ubicación del archivo en el servidor asíncrono: verdadero (asynchronous) o falsa (synchronous) |
| send(string) | enviar (cadena) envía la solicitud fuera al servidor. cadena: Sólo se utiliza para peticiones POST |
| setRequestHeader() | Añade una etiqueta / valor par a la cabecera que se enviará |
Propiedades del objeto XMLHttpRequest
| Propiedad | Descripción |
|---|---|
| onreadystatechange | Almacena una función (or the name of a function) que se llamará automáticamente cada vez que cambia la propiedad readyState |
| readyState | Ejerce en el estado de la XMLHttpRequest. Cambia de 0 a 4: 0: solicitud no inicializado 1: conexión del servidor estableció 2: solicitud recibida 3: Solicitud de procesamiento 4: solicitar acabado y la respuesta está listo |
| responseText | Devuelve los datos de respuesta como una cadena |
| responseXML | Devuelve los datos de respuesta como datos XML |
| status | Devuelve el estado de números (por ejemplo, "404" para "Not Found" o "200" para el "OK") |
| statusText | Devuelve el estado de texto (por ejemplo, "Not Found" o "OK") |