Wie füge ich Abfragezeichenfolgenparameter zu Fetch-GET-Anfragen hinzu?

Hinzufügen von Abfragezeichenfolgen in Fetch-GET-Anfragen

Beim Erkunden der Abfragezeichenfolgenfunktionen der Fetch-API möchte ein Entwickler Parameter an GET-Anfragen übergeben, indem er eine Methode verwendet, die dem $ von jQuery ähnelt .ajax().

Lösung

Die neue Fetch-API verwendet URLSearchParams, um das Hinzufügen von Abfragezeichenfolgen zu bewältigen. Dieses Objekt bietet eine praktische Möglichkeit zum Erstellen und Ändern von Abfragezeichenfolgenparametern.

<code class="javascript">fetch('https://example.com?' + new URLSearchParams({
    foo: 'value',
    bar: 2,
}).toString())</code>

Die Methode URLSearchParams.toString() codiert das Parameterobjekt in eine entsprechend formatierte Abfragezeichenfolge.

Alternativ Sie Sie können den .toString()-Aufruf weglassen, da JavaScript Nicht-String-Objekte bei der Verkettung mit Strings automatisch in Strings umwandelt. Beachten Sie, dass dieser Ansatz ein tieferes Verständnis von JavaScript erfordert.

Vollständiges Beispiel

Hier ist ein umfassendes Beispiel mit Abfrageparametern:

<code class="javascript">async function doAsyncTask() {
  const url = (
    'https://jsonplaceholder.typicode.com/comments?' +
    new URLSearchParams({ postId: 1 }).toString()
  );

  const result = await fetch(url)
    .then(response => response.json());

  console.log('Fetched from: ' + url);
  console.log(result);
}

doAsyncTask();</code>

Das obige ist der detaillierte Inhalt vonWie füge ich Abfragezeichenfolgenparameter zu Fetch-GET-Anfragen hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!