Query Strings com Fetch GET Request

A Fetch API fornece uma abordagem moderna para fazer solicitações HTTP em JavaScript. Por padrão, as solicitações GET feitas usando Fetch não incluem parâmetros de string de consulta. Para adicionar uma string de consulta a uma solicitação GET, podemos usar a interface URLSearchParams ou concatenar a string de consulta manualmente.

Usando URLSearchParams:

A interface URLSearchParams nos permite para criar e manipular facilmente strings de consulta. Para adicionar um parâmetro de string de consulta, podemos usar o método set():

const searchParams = new URLSearchParams();
searchParams.set('order_id', 1);

const request = new Request({
  url: 'http://myapi.com/orders',
  method: 'GET',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: searchParams.toString()
});

fetch(request);

Concatenando a string de consulta:

Como alternativa, podemos concatenar a string de consulta diretamente ao URL da solicitação:

const request = new Request({
  url: 'http://myapi.com/orders?order_id=1',
  method: 'GET'
});

fetch(request);

Nota: Se você optar por concatenar a string de consulta manualmente, certifique-se de que ela esteja codificada corretamente para evitar que caracteres inválidos interrompam a solicitação.