Blog

Es un objeto XMLHttpRequest integrado en el navegador para solicitar datos de un servidor web.

AJAX = Asíncrono Javascript And XML.

const http = new XMLHttpRequest();
 
    const url = "ajax.php";
    
    http.open("GET", url, true);
  
    http.send();
  
    http.onreadystatechange = function() {
    
        if (this.readyState == 4 && this.status == 200) {
        
            console.log(this.responseText);
            
        }
        
    };

Métodos de objeto XMLHttpRequest

• new XMLHttpRequest() -> Es un objeto JavaScript que fue diseñado por Microsoft
• abort() -> Aborta la petición si ha sido enviada.
• getAllResponseHeaders() -> Devuelve una cadena de texto con todas las cabeceras de la respuesta del servidor.
• getResponseHeader() -> Devuelve una cadena con el contenido de la cabecera solicitada.
• open(method,url,async) -> Abre una petición ya sea por el método POST o GET.
• send() -> Envía la petición al servidor.
• send(string) -> Envía la petición al servidor incluyendo datos en una cadena de texto, normalmente asociado al envío de datos mediante POST.

Propiedades del objeto XMLHttpRequest

• onreadystatechange -> la función onreadystatechange se llama cada vez que cambia readyState. Cuando readyState es 4 y el estado es 200, la respuesta está lista

• readyState -> Almacena el estado del requerimiento hecho al servidor.
• responseText -> devuelve la respuesta a la consulta.
• responseXML -> Este método nos permite recuperar un documento con estructura DOM a partir de un archivo xml cuya ruta habremos invocado con el método open.
• status ->alamacena un entero enviado por el servidor que indica el tipo de respuesta dada a la petición. Puede tomar valores como:

1. 200: respuesta correcta.
2. 404: no encontrado.
3. 500: error interno del servidor.