Maison > interface Web > js tutoriel > Comment ajouter des paramètres de chaîne de requête aux requêtes Fetch GET ?

Comment ajouter des paramètres de chaîne de requête aux requêtes Fetch GET ?

Linda Hamilton
Libérer: 2024-10-26 00:46:02
original
1065 Les gens l'ont consulté

How to add query string parameters to Fetch GET requests?

Ajout de chaîne de requête dans les requêtes Fetch GET

Tout en explorant les capacités de chaîne de requête de l'API Fetch, un développeur vise à transmettre des paramètres aux requêtes GET en utilisant une méthode similaire au $ de jQuery .ajax().

Solution

La nouvelle API Fetch utilise URLSearchParams pour gérer l'ajout de chaînes de requête. Cet objet offre un moyen pratique de créer et de modifier des paramètres de chaîne de requête.

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

La méthode URLSearchParams.toString() encode l'objet paramètre dans une chaîne de requête formatée de manière appropriée.

Vous pouvez également peut omettre l'appel .toString(), car JavaScript contraint automatiquement les objets non-chaînes en chaînes lorsqu'ils sont concaténés avec des chaînes. Notez que cette approche nécessite une compréhension plus approfondie de JavaScript.

Exemple complet

Voici un exemple complet avec des paramètres de requête :

<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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal