Chaînes de requête avec requête Fetch GET

L'API Fetch offre une approche moderne pour effectuer des requêtes HTTP en JavaScript. Par défaut, les requêtes GET effectuées à l'aide de Fetch n'incluent pas de paramètres de chaîne de requête. Pour ajouter une chaîne de requête à une requête GET, nous pouvons soit utiliser l'interface URLSearchParams, soit concaténer la chaîne de requête manuellement.

Utilisation d'URLSearchParams :

L'interface URLSearchParams nous permet pour créer et manipuler facilement des chaînes de requête. Pour ajouter un paramètre de chaîne de requête, nous pouvons utiliser la méthode 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);

Concaténation de la chaîne de requête :

Alternativement, nous pouvons concaténer la chaîne de requête directement à l'URL de la requête :

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

fetch(request);

Remarque : Si vous choisissez de concaténer la chaîne de requête manuellement, assurez-vous qu'elle est correctement codée pour éviter que des caractères non valides n'interrompent la requête.