Comment soumettre des requêtes POST x-www-form-urlencoded avec Fetch ?-js tutoriel-php.cn

Maison

interface Web

js tutoriel

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

Barbara Streisand

Nov 21, 2024 am 08:28 AM

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 :

Définir la demande paramètres :

const params = {
  'userName': '[email&#160;protected]',
  'password': 'Password!',
  'grant_type': 'password'
};

Copier après la connexion

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

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

Précisez le corps du demande :
```
obj.body = encodedParams.toString();
```
Copier après la connexion

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!

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