Cadenas de consulta con solicitud GET de recuperación

La API Fetch proporciona un enfoque moderno para realizar solicitudes HTTP en JavaScript. De forma predeterminada, las solicitudes GET realizadas mediante Fetch no incluyen parámetros de cadena de consulta. Para agregar una cadena de consulta a una solicitud GET, podemos usar la interfaz URLSearchParams o concatenar la cadena de consulta manualmente.

Uso de URLSearchParams:

La interfaz URLSearchParams nos permite para crear y manipular fácilmente cadenas de consulta. Para agregar un parámetro de cadena de consulta, podemos usar el 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);

Concatenación de la cadena de consulta:

Alternativamente, podemos concatenar la cadena de consulta directamente a la URL de solicitud:

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

fetch(request);

Nota: Si elige concatenar la cadena de consulta manualmente, asegúrese de que esté codificada correctamente para evitar que caracteres no válidos interrumpan la solicitud.