Estou com uma dúvida em relação ao método .send() e o evento de load.
var botaoAdicionar = document.querySelector("#buscar-pacientes");
botaoAdicionar.addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api-pacientes.herokuapp.com/pacientes");
xhr.addEventListener("load", function() {
if (xhr.status == 200) {
var resposta = xhr.responseText;
var pacientes = JSON.parse(resposta);
pacientes.forEach(function(paciente) {
adicionaPacienteNaTabela(paciente);
});
} else {
console.log(xhr.status);
console.log(xhr.responseText);
}
});
xhr.send();
});
Segundo a explicação do Douglas, após realizar a configuração da URL e definir qual método HTTP utilizar, devemos usar o evento de LOAD para carregar a resposta. Eu não entendi por que ele chama o evento de load antes de invocar o método .send() sendo que ele que envia a resposta da requisição.