1
respuesta

Practica - Formulario AJAX

let botonBuscar = document.querySelector("#buscar-paciente");

    botonBuscar.addEventListener("click", function(){
        console.log("Buscando paciente... ");
        let xhr = new XMLHttpRequest;
        xhr.open("GET", "https://alura-es-cursos.github.io/api-pacientes/pacientes.json");
        xhr.addEventListener("load", function(){
            let errorAjax = document.querySelector("#error-ajax");
            if(xhr.status == 200){
                errorAjax.classList.add("invisible");
                let respuesta = xhr.responseText;
                let pacientes = JSON.parse(respuesta);
                pacientes.forEach(function(paciente){
                    addPatient(paciente);
                    console.log(paciente);
                });
            }else{
                errorAjax.classList.remove("invisible");
                console.log(xhr.status);
                console.log(xhr.responseText);
            }
        });


        xhr.send();

    });
1 respuesta

Excelente solución