Olá,
Estou testando a requisição JSON usando o XMLHttpRequest e me deparei com a seguinte dúvida. Como eu retorno o valor recebido para uma variável (ou objeto)?
Tenho um HTML com o seguinte código:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8"></meta>
<title>Pacientes</title>
</head>
<body>
<script type="text/javascript" src="api.js"></script>
<script type="text/javascript">
var recebe = solicitaDados();
console.log(recebe);
</script>
</body>
</html>Gostaria de usar a variável recebe para fazer manipulação dos dados, a função solicitaDados() está no api.js, segue o código:
function solicitaDados (){
var xhr = new XMLHttpRequest();
xhr.open("GET","https://api-pacientes.herokuapp.com/pacientes");
xhr.send();
xhr.addEventListener("load", function(){
if(xhr.status == 200){
var resposta = xhr.response;
var pacientes = JSON.parse(resposta);
return pacientes;
}
});
};Fazendo desta forma porém o console.log(recebe) retorna undefined. Como faço para receber os dados fora da função? Obrigado.
