Ejemplo de Ajax utilizando Javascript Vanilla

Compartir en

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

AJAXAsí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.
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments