Learning Hub Logo
JavaScript
  • Introdução ao JavaScript
  • Como adicionar JavaScript ao HTML
  • Saída de Dados
  • Variáveis
  • Tipos de Dados
  • Operadores
  • Operadores de Comparação e Lógicos
  • Condicionais
  • Switch
  • Loop: for
  • Loop: while e do...while
  • Break e Continue
  • Funções
  • Arrow Functions
  • Escopo
  • Arrays
  • Métodos de Array
  • Objetos
  • Métodos de Objeto
  • Strings
  • Métodos de String
  • Números
  • Math
  • Datas
  • Introdução ao DOM
  • Selecionando Elementos
  • Alterando HTML e CSS com JavaScript
  • Eventos
  • Callbacks
  • Promises
  • Async/Await
  • Fetch API
  • JSON
  • Tratamento de Erros
  • Módulos
  • LocalStorage e SessionStorage

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
JavaScriptFetch API
1 min de leitura

Fetch API

Como fazer requisições HTTP com a Fetch API para buscar e enviar dados

Fetch API

A Fetch API é a forma moderna de fazer requisições HTTP com JavaScript. Ela retorna uma Promise e é usada para buscar dados de APIs, enviar formulários e comunicar com servidores.

GET — buscando dados

Carregando...

Com async/await:

Carregando...

O processo tem duas etapas: primeiro você recebe a resposta (response), depois converte o corpo para o formato desejado com .json().

Verificando se a resposta foi bem-sucedida

fetch não rejeita a Promise em respostas de erro como 404 ou 500. Você precisa verificar manualmente.

Carregando...

response.ok é true quando o status está entre 200 e 299.

POST — enviando dados

Carregando...

Outros métodos HTTP

A mesma estrutura serve para PUT, PATCH e DELETE:

Carregando...

Links da aula

MDN - Fetch API developer.mozilla.org
AnteriorAsync/AwaitPróximo JSON