Abfragezeichenfolgen mit Fetch-GET-Anfrage

Die Fetch-API bietet einen modernen Ansatz zum Erstellen von HTTP-Anfragen in JavaScript. Standardmäßig enthalten GET-Anfragen, die mit Fetch gestellt werden, keine Abfragezeichenfolgenparameter. Um einer GET-Anfrage eine Abfragezeichenfolge hinzuzufügen, können wir entweder die URLSearchParams-Schnittstelle verwenden oder die Abfragezeichenfolge manuell verketten.

Verwenden von URLSearchParams:

Die URLSearchParams-Schnittstelle ermöglicht uns zum einfachen Erstellen und Bearbeiten von Abfragezeichenfolgen. Um einen Abfragezeichenfolgenparameter hinzuzufügen, können wir die set()-Methode verwenden:

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);

Verketten der Abfragezeichenfolge:

Alternativ können wir die Abfragezeichenfolge direkt mit der Anforderungs-URL verketten:

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

fetch(request);

Hinweis: Wenn Sie die Abfragezeichenfolge manuell verketten möchten, stellen Sie sicher, dass sie ordnungsgemäß codiert ist, um zu verhindern, dass ungültige Zeichen die Anforderung unterbrechen.