Maison >interface Web >js tutoriel >Comment envoyer correctement des données JSON avec des requêtes Fetch POST ?

Comment envoyer correctement des données JSON avec des requêtes Fetch POST ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-11 04:14:14935parcourir

How to Properly Send JSON Data with Fetch POST Requests?

Envoi de données JSON avec Fetch POST

Lors de l'utilisation de l'API fetch pour publier des données JSON, le corps de la requête doit contenir une version chaîne du objet JSON souhaité. Cependant, vous avez rencontré un problème où l'objet JSON n'est pas envoyé avec la requête.

Pour résoudre ce problème, vous pouvez utiliser le mécanisme asynchrone/attente d'ES2017 :

(async () => {
  const rawResponse = await fetch('https://httpbin.org/post', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({a: 1, b: 'Textual content'})
  });
  const content = await rawResponse.json();

  console.log(content);
})();

Avec ce code, l'objet JSON {a : 1, b : 'Contenu textuel'} sera stringifié et attaché au corps de récupération comme prévu.

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