Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Semântica da requisição

Boa noite

No capítulo final do curso foi desenvolvido o seguinte código

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(){
    });
    xhr.send();
})

Como o xhr.send() é utilizado para enviar a requisição e o xhr.addEventListener("load", function(){} para escutar o retorno da requisição, não seria mais semântico primeiro enviar (send) para depois escutar a resposta(addEventListener)?

var botaoAdicionar = document.querySelector("#buscar-pacientes");
botaoAdicionar.addEventListener("click", function() {
    var xhr = new XMLHttpRequest();

    xhr.open("GET", "https://api-pacientes.herokuapp.com/pacientes");
    xhr.send();
    xhr.addEventListener("load", function(){
    });
})

Obrigado

2 respostas
solução!

Boa noite, Frederico! Como vai?

Nesse caso não há essa necessidade pois é uma operação assíncrona! Então não há perda de semântica ao alterar a ordem do código.

Inclusive, eu gosto de escrever primeiro o "ouvinte" pra depois maindar a requisição como forma de lembrar de lembrar de codificar o que o JS precisa fazer quando obter a resposta e não acabar enviando a requisição sem definir o que deve ser feito quando a resposta chegar!

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

Blz Gabriel, entendi sim. Obrigado.