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
Libérer: 2024-12-11 04:14:14
original
941 Les gens l'ont consulté

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);
})();
Copier après la connexion

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!

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