fetch() em JavaScript: buscar dados de APIs
fetch() é a função nativa do JavaScript para fazer requisições HTTP e buscar dados de APIs na web. Usando async/await e .json(), você recebe e lê os dados em poucas linhas.
Exemplo prático
async function buscarDados(url) {
const resposta = await fetch(url);
const dados = await resposta.json();
return dados;
}
▶ Testar este código no navegador
Dica de ouro
Sempre envolva chamadas fetch() em um bloco try/catch e verifique resposta.ok para tratar falhas de rede.
Perguntas frequentes
Preciso instalar axios para usar APIs em JS?
Não. fetch() já vem nativo em todos os navegadores modernos e no Node.js 18+.
Por que preciso de dois await no fetch?
O primeiro await espera os cabeçalhos da resposta; o segundo (resposta.json()) lê e converte o corpo JSON.
Como enviar dados com POST no fetch?
Passe { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(dados) }.
Explore toda a referência
indentationerror python · syntaxerror python · nameerror python · typeerror python · indexerror python · print python · len python · range python · input python · f string python · sql inner join · sql group by · js map array · js filter array · js fetch api
Apoie o EasyCode 💜
O EasyCode é gratuito, independente e sem anúncios. Manter a plataforma rápida, com compiladores no navegador e novos conteúdos atualizados tem custos reais todo mês. Se o site está te ajudando a aprender, veja como apoiar o projeto para continuarmos sempre no ar e acessíveis para todos.