SW20210514-2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pedidos a recursos terceiros</title>
</head>
<body>
<section id="idSectionResposta"></section>
<script>
const URL = "https://api.openweathermap.org/data/2.5/weather?q=Santarem,PT&appid=29bcc32be0e5fe8a61634d7d8e7356a8";

//callback
function comoReagirMudancasDeMaturidade (){
    var pontoDeMaturidade = this.readyState;
    var bRespostaDisponivel = pontoDeMaturidade===4;
    //if (bRespostaDisponivel){
        //a resposta está pronta
        document.getElementById("idSectionResposta").
            innerHTML = this.responseText;
    //}
}//comoReagirMudancasDeMaturidade

var oRequestToServiceProvider = new XMLHttpRequest();

oRequestToServiceProvider.open(
    "GET",//método de invocação
    URL,//endereço do recurso
    true//booleano (true para pedidos assíncronos , false para pedidos bloqueantes)
);
/*
a maturidade da resposta ao pedido XMLHttpRequest está representada
numa propriedade chamada "readyState", que irá mudando, conforme
o pedido esteja mais próximo de "concluido"
readyState = 4 - processamento terminado, resposta disponível
 */
oRequestToServiceProvider.onreadystatechange = comoReagirMudancasDeMaturidade;
oRequestToServiceProvider.send(); //submissão do pedido

</script>
</body>
</html>