Maison  >  Article  >  interface Web  >  Comment soumettre des requêtes POST x-www-form-urlencoded avec Fetch ?

Comment soumettre des requêtes POST x-www-form-urlencoded avec Fetch ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-21 08:28:14854parcourir

How to Submit x-www-form-urlencoded POST Requests with Fetch?

POSTing d'une requête x-www-form-urlencoded avec Fetch

Pour soumettre des paramètres codés par formulaire à un serveur à l'aide de Fetch, vous pouvez utiliser les étapes suivantes :

  1. Définir la demande paramètres :

    const params = {
      'userName': '[email protected]',
      'password': 'Password!',
      'grant_type': 'password'
    };
  2. Définissez les en-têtes et la méthode de la requête :

    var obj = {
      method: 'POST',
      headers: {
     'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
      },
    };
  3. Encodez les paramètres à l'aide de l'interface URLSearchParams :

    const encodedParams = new URLSearchParams();
    params.forEach((value, key) => encodedParams.append(key, value));
  4. Précisez le corps du demande :

    obj.body = encodedParams.toString();
  5. Enfin, faites la demande :

    fetch('https://example.com/login', obj)
      .then(function(res) {
     // Do stuff with result
      });

Ce processus encode et inclut efficacement les paramètres codés par formulaire dans la requête POST, assurant leur soumission au serveur dans un format compatible avec votre API.

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!

Déclaration:
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