xhr.open("GET", "https://api-pacientes.herokuapp.com/pacientes");
xhr.addEventListener("load", function(){
console.log(xhr.responseText);
});
xhr.open("GET", "https://api-pacientes.herokuapp.com/pacientes");
xhr.addEventListener("load", function(){
console.log(xhr.responseText);
});
Fala Alessandro, tudo bem?
Pode me enviar seu código todo?
Caso esse acima seja seu código completo, faltou você inserir a linha que realmente executa a requisição
xhr.send();coloque essa linha acima do seu EventListener e veja se funciona.
Abraços e bom estudo!
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(){
var erroAjax = document.querySelector("#erro-ajax");
if (xhr.status == 200){
var resposta = xhr.responseText;
var pacientes = JSON.parse(resposta);
pacientes.forEach(function(paciente){
adicionaPacienteNaTabela(paciente);
})
}else{
erroAjax.classList.remove("invisivel");
}});
xhr.send();
});
Fala Alessandro, tudo bom?
Está informando algum erro no console? Testei aqui e funcionou normal.
Me envie seu HTML também para que eu faça um teste completo.
Abraços!
Já sei o problema: estou tentando executar no ambiente de trabalho. Tentei abrir esse link no navegador e foi barrado pelas regras de acesso da rede aqui do trabalho.
Fala Alessandro, tudo bem?
Fico feliz que tenha encontrado a solução!
Não se esqueça de sempre marcar a solução do tópico, dessa forma ajudamos os futuros alunos!
Abraços e bom estudo!