Solucionado
A fetch API é uma alternativa moderna ao XMLHttpRequest para fazer requisições HTTP assíncronas em JavaScript. Ela é mais fácil de usar, suporta o uso de Promises e tem um conjunto mais abrangente de recursos. Exemplo:
fetch('https://api.example.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error));
Olá Jefferson, tudo bem?
Sua sugestão é muito pertinente, a fetch API é de fato uma alternativa moderna e mais fácil de usar do que o XMLHttpRequest. Além disso, como você mencionou, ela suporta o uso de Promises, o que facilita muito o tratamento de erros e a sincronia de requisições assíncronas.
O exemplo que você postou é bem claro e ilustra bem como a fetch API pode ser usada para puxar dados do servidor. É importante lembrar que, ao utilizar a fetch API, você precisa tratar a resposta da requisição, que pode ser um objeto JSON, um texto, ou até mesmo um arquivo binário, dependendo do que estiver sendo requisitado.
De qualquer forma, a fetch API é uma ótima opção para modernizar o código e torná-lo mais legível e fácil de manter.
Um abraço e bons estudos.