Neste artigo você vai aprender a como configurar query string em GET request, com JavaScript, este código pode ser utilizado em Node também
Fala programador(a), beleza? Bora aprender mais sobre requisições com JavaScript!
Para resolver o nosso problema, podemos utilizar a fetch API
Que nos permite fazer requisições assíncronas, e é nativa
Este recurso é um bom substituo para o Axios, por exemplo
Ao criar a requisição, podemos também utilizar um objeto chamado URLSearchParams, que lida diretamente com query string
Veja um exemplo de código:
async function getData() {
const req = (
'https://https://url.da.api/recurso?' +
new URLSearchParams({ config: "1", param: 2 }).toString()
);
const data = await fetch(req).then(response => response.json());
console.log(data)
}
getData();
Como a requisição é assíncrona, utilizei async e await para esperar a resposta
Veja que config e param, são os parâmetros da query string
Você precisa substituir os dados fictícios pelos dados da sua requisição
Deixe um comentário contando o que achou desta solução 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
No artigo de hoje você aprendeu a como configurar query string em GET request
Utilizamos a fetch API, que faz requisições assíncronas, muito utilizada para comunicação com APIs
E também o objeto URLSearchParams, que lida justamente com parâmetros de URL
Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!