1
resposta

Dúvidas sobre Ajax

Olá! Estou com uma dificuldade no Ajax. Embora tenha feito tudo conforme orientação, na hora de buscar os pacientes da API, o meu código imprime somente trs vazias. Já revisei o código inteiro, mas não encontrei o erro.


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

botaoAdicionar.addEventListener("click", function(){
    var xhr = new XMLHttpRequest(); 

    xhr.open("GET", "http://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();

})
1 resposta

Oi, Felipe, tudo bem?

Foi um detalhe que passou despercebido, acredito. Você chegou a olhar o console do navegador para ver se achava alguma erro? Quando usei o seu código, mostrou a mensagem botaoAdicionar is null ou seja o programa não estava reconhecendo essa variável.

O problema foi na associação da id: var botaoAdicionar = document.querySelector("#buscar-pacientes");

É #buscar-pacientes no plural.

Espero ter te ajudado e bons estudos!