APIs de JavaScript

Ejemplo de petición GET

<script>

var req = new XMLHttpRequest();
const resultado = document.getElementById("resultado");

function servicioS(url) {
    console.log("Abriendo de manera síncrona " + url);
    req.open('GET', url, false);
    if (req.status == 200) {
        let object = JSON.parse(req.responseText);
        resultado.innerHTML = "";
        console.log(req.responseText);
    } else {
        console.log("Error loading page\n");
    }
    req.send(null);

}

function servicioA(url) {

    req.onreadystatechange = function (aEvt) {

        if (req.readyState === this.DONE) {//Estado 4
            if (req.status === 200) {
                let object = JSON.parse(req.responseText);
                resultado.innerHTML = "";
                console.log("[" + req.readyState + "] " + req.responseText);


            } else {
                console.log("[" + req.readyState + "] Error loading page\n");

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

}               
function servicioImagen(url) {
    var req = new XMLHttpRequest();
    resultado.innerHTML = "";
    req.onload = function (aEvt) {

        if (req.status === 200) {
            console.log("Tipo:" + req.response);
            let img = document.createElement("img");
            img.src = URL.createObjectURL(req.response);
            resultado.appendChild(img);
            console.log("[" + req.readyState + "] ");
        } else {
            console.log("[" + req.readyState + "] Error cargando imagen");
        }

    };
    req.responseType = 'blob';
    req.open('GET', url);
    req.send(null);
}

El servicio REST https://dog.ceo/api/breeds/image/random está libre para probarlo descargando un JSON con un enlace aleatorio a la foto de un perrito

Con un enlace aun servicio REST de un perro solamente veo el JSON y no puedo hacer más sin pulsar.
Con una petición síncrona con AJAX:
Con una petición asíncrona con AJAX:
Generador de código QR con una petición asíncrona con AJAX:

APIs de JavaScript - AJAX

Peticiones simples

Ejemplo de petición GET