JavaScript

Como fazer um GET com JavaScript (HTTP)

13 de julho de 2021

Como fazer um GET com JavaScript (HTTP)

Neste artigo você vai aprender a como fazer um GET com JavaScript, uma requisição com o verbo GET do protocolo HTTP

Como fazer um GET com JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre requests, GET, HTTP e também JavaScript!

Antigamente precisávamos utilizar o bom e velho xmlHttp, porém hoje temos acesso a API fetch

Tornando a requisição mais simples, baseada em promises

Veja uma utilização prática de fetch:

const minhaUrl = "http://localhost:3000/produtos"

fetch(minhaUrl).then(function(response) {

  return response.json();

}).then(function(data) {

  console.log(data);

}).catch(function() {

  console.log("Houve algum problema!");

});

Primeiramente ativamos o método fetch com a URL do seu request, então entramos no fluxo da promise

Que vai resolve cada passo em then’s, ou seja, o primeiro passo é a requisição que retorna os dados em JSON, a nossa resposta

Depois podemos utilizar estes dados, no segundo then

Que é onde vamos dar destino a eles, ali já estarão em JSON pronto para uso

E por fim temos um bloco que catch, que é onde os possíveis erros vão cair, você tratá-los ali

E é isso! Request de GET super simples com o Fetch API =)

Conclusão

Neste artigo você aprendeu a como fazer um GET com JavaScript

Utilizamos o Fetch API, um recurso interessante que substitui o velho XMLHttpRequest

Lembrando que o Fetch possui todos os verbos do HTTP: GET, POST, UPDATE, DELETE e etc…

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x