APIs de JavaScript - Eventos AJAX

Ejemplo de petición GET

<script>

var req = new XMLHttpRequest();
req.timeout = 500;
const resultado = document.getElementById("resultado");
req.onload = (aEvt) => {
    console.log("-- onload");

}
req.abort = (aEvt) => {
    console.log("-- abort");
    alert("Pedition abortada");
}
req.ontimeout = (aEvt) => {
    console.log("-- timeout");
    resultado.innerHTML = "Petición expirada";
}
req.onprogress = (aEvt) => {
    console.log("-- progress");
    resultado.innerHTML = "Petición en progreso";
}


function servicioPost(url) {


    req.onreadystatechange = function (aEvt) {
        if (req.readyState === this.OPENED) {//Estado 1
            console.log("[" + req.readyState + "] Abriendo de manera asíncrona " + url);
        } else
        if (req.readyState === this.HEADERS_RECEIVED) {//Estado 2
            console.log("[" + req.readyState + "] " + this.getAllResponseHeaders());
        } else
        if (req.readyState === this.LOADING) {//Estado 3
            console.log("[" + req.readyState + "] Comenzando a descargar el contenido.");
        } else
        if (req.readyState === this.DONE) {//Estado 4
            if (req.status === 200) {
                let object = JSON.parse(req.responseText);
                let formateado = JSON.stringify(object);
                let llaves = formateado.replace(/{/g, "{
");
                llaves = llaves.replace(/}/g, "
}");
                let comas = llaves.replace(/,/g, ",
");
                comas = llaves.replace(/
\"/g, "
  \"");
                resultado.innerHTML = '' + comas + '';
                console.log("[" + req.readyState + "] " + req.responseText);
            } else {
                console.log("[" + req.readyState + "] Error loading page\n");

            }
        }
    };
    req.open('GET', url, true);
    req.send(null);
}

Servicio REST: http://labtelema.ujaen.es:8083/test/1

El código del ejemplo de la introducción ha sido completado para añadir mayor control sobre el proceso a través de los manejadores de eventos

APIs de JavaScript - Eventos de las comunicación con AJAX

Peticiones simples

Ejemplo de petición GET