Como configurar query string em GET request

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

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

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!