Maison > interface Web > js tutoriel > le corps du texte

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

Barbara Streisand
Libérer: 2024-11-21 08:28:14
original
858 Les gens l'ont consulté

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'
    };
    Copier après la connexion
  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'
      },
    };
    Copier après la connexion
  3. Encodez les paramètres à l'aide de l'interface URLSearchParams :

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

    obj.body = encodedParams.toString();
    Copier après la connexion
  5. Enfin, faites la demande :

    fetch('https://example.com/login', obj)
      .then(function(res) {
     // Do stuff with result
      });
    Copier après la connexion

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!

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