JavaScript - Views :: 40

Consumindo APIs REST de forma assíncrona com JavaScript Fetch

19/06/2026 5 min Administrador Sem avaliações ainda

Integrar o front-end com serviços externos é um requisito básico nos dias de hoje. A Fetch API nativa do JavaScript substituiu o antigo XMLHttpRequest, oferecendo uma sintaxe limpa baseada em Promises para buscar dados na rede.

1. Fazendo uma Requisição GET Simples

O método fetch() faz a chamada de rede e retorna uma promessa de resposta. Precisamos converter o fluxo dessa resposta para JSON para ler os dados enviados pelo servidor remoto.

fetch("https://api.github.com/users/bobmello")
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error("Erro:", error));
Importante: Captura de erros com Catch

O bloco .catch() só é disparado em falhas graves de rede. Erros de servidor (como 404 ou 500) devem ser validados verificando a propriedade response.ok.

Deixe sua Avaliação