Строки запроса с запросом Fetch GET

Fetch API предоставляет современный подход к выполнению HTTP-запросов в JavaScript. По умолчанию запросы GET, выполненные с помощью Fetch, не включают параметры строки запроса. Чтобы добавить строку запроса в запрос GET, мы можем либо использовать интерфейс URLSearchParams, либо объединить строку запроса вручную.

Использование URLSearchParams:

Интерфейс URLSearchParams позволяет нам для легкого создания и управления строками запросов. Чтобы добавить параметр строки запроса, мы можем использовать метод 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);

Объединение строки запроса:

В качестве альтернативы мы можем объединить строку запроса непосредственно с URL-адресом запроса:

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

fetch(request);

Примечание: Если вы решили объединить строку запроса вручную, убедитесь, что она правильно закодирована, чтобы предотвратить нарушение запроса недопустимыми символами.