Neste artigo você vai aprender a como fazer um GET com JavaScript, uma requisição com o verbo GET do protocolo HTTP
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!