variable = new ActiveXObject("Microsoft.XMLHTTP");
| Descripción | |
| new XMLHttpRequest() | Crea un nuevo objeto XMLHttpRequest |
| abort() | Cancela la solicitud actual |
| getAllResponseHeaders() | Devuelve información del encabezado |
| getResponseHeader() | Devuelve información específica del encabezado |
| open(method, url, async, user, psw) | Especifica la solicitud |
| método: el tipo de solicitud GET o POST | |
| url: la ubicación del archivo | |
| async: verdadero (asíncrono) o falso (síncrono) | |
| usuario: nombre de usuario opcional | |
| psw: contraseña opcional | |
| send() | Envía la solicitud al servidor |
| Usado para solicitudes GET | |
| send(string) | Envía la solicitud al servidor. |
| Usado para solicitudes POST | |
| setRequestHeader() | Agrega un par de etiqueta / valor al encabezado que se enviará |
NOTA los metodos OPEN y SEND se recomiendan usarlo despues haber asignado la propiedad onreadystatechange
PROPIEDADES
| Descripción | |
| onreadystatechange | Define una función a llamar cuando la propiedad readyState cambia |
| readyState | Tiene el estado de XMLHttpRequest. |
| 0: solicitud no inicializada | |
| 1: conexión del servidor establecida | |
| 2: solicitud recibida | |
| 3: solicitud de procesamiento | |
| 4: solicitud finalizada y la respuesta está lista | |
| responseText | Devuelve los datos de respuesta como una cadena |
| responseXML | Devuelve los datos de respuesta como datos XML |
| status | Devuelve el estado-número de una solicitud |
| 200: "OK" | |
| 403: "Prohibido" | |
| 404 No encontrado" | |
| Para obtener una lista completa, vaya a Http Messages Reference | |
| statusText | Devuelve el estado del texto
(por ejemplo, "Aceptar" o "No encontrado") |
<!DOCTYPE html>
<html>
<body>
<div id="texto">
<h1>AJAX</h1>
<button id="cambiaContenido">Cambia el contenido</button>
</div>
<script>
document.getElementById("cambiaContenido").addEventListener("click", cambiaContenido);
function cambiaContenido() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("texto").innerHTML = this.responseText;
}
};
/* .open: especifica la solicitud
- GET/POST.
- Archivo: txt, php, xml, json, etc.
- true/false: método de envío. */
xhr.open("GET", "holamundo.txt", true);
/* .send: envía la solicitud al servidor.
Si utilizamos POST debemos pasar los datos por parámetro */
xhr.send();
}
</script>
</body>
</html>
No hay comentarios.:
Publicar un comentario