Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Capturando errores de requerimiento

var btnBuscar = document.querySelector("#buscar-paciente");

btnBuscar.addEventListener("click", function () {
  console.log("PENSANDING PACIENTES"); // buscar paciente
  var xhr = new XMLHttpRequest; // requisición API
  xhr.open("GET", "https://alura-es-cursos.github.io/api-pacientes/pacientes.json");
  xhr.addEventListener("load", function () { // cargar API
    var errorAjax = document.querySelector("#error-ajax");    
    if (xhr.status == 200) {
      errorAjax.classList.add("invisible"); // si el status es OK, haz invisible el msj de error
      var respuesta = xhr.responseText;
      /* console.log(respuesta);
      console.log(typeof respuesta); */

      var pacientes = JSON.parse(respuesta); // conversión a array
      /* console.log(pacientes);
      console.log(typeof pacientes); */

      pacientes.forEach(function (paciente) { // loop iteración pacientes
        sumPacienteEnTabla(paciente);
        // console.log(paciente);
      });
    } else {
      errorAjax.classList.remove("invisible"); // si hay error, haz visible el msj de error
      console.log(xhr.status); // muestra el tipo de error
      console.log(xhr.responseText); // muestra el contenido del error
    }
  });
  xhr.send();
});
1 respuesta

Hola Roberto , espero que esté bien.

Gracias por compartir tu código con nosotros, contínua con tu estudos :)

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios