2
respostas

Erro no recebimento da resposta do xhr

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

botaoAdicionar.addEventListener("click", function(){
    console.log("Buscando pacientes...");

    var xhr = new XMLHttpRequest();

    xhr.open("GET", "https://api-pacientes.herokuapp.com/pacientes");

    xhr.addEventListener("load", function(){

        var resposta = xhr.responseText;
        console.log(resposta);
        console.log(typeof resposta);

        var pessoas = JSON.parse(resposta);
        console.log(pessoas);
        console.log(typeof pessoas);

    });

    xhr.send();
});

Quando é feita a requisição http o json de resposta não está sendo apresentado. Consegui identificar o seguinte erro no console, pesquisei no google mas não encontrei nada que resolvesse o problema. Log: TypeError: Cannot read property 'requestContent' of undefined

2 respostas

Fala ai Luiz, tudo bem? Testei seu código aqui e o mesmo funcionou certinho, a requisição foi feita e a resposta foi parseada para JSON.

Precisa ver se você não está com nenhum bloqueio da rede, anti-virus, firewall, etc...

Tente acessar o endereço https://api-pacientes.herokuapp.com/pacientes diretamente no navegador e veja se o JSON vai aparecer.

Espero ter ajudado.

Oi, Luiz, tudo bem?

Teste o seu código com o projeto base da aula em questão e a resposta foi dada no coonsole do navegador cujo foi acionada pelo console.log. Eu utilizei a id que o instrutor utilzia no curso ("#buscar-pacientes"); você verificou se no seu html a id está corretamente escrita como a que vou foi chamada no arquivo buscar-pacientes.js?