Pourquoi ma requête Fetch POST n'envoie-t-elle pas mes données JSON ?

POST de données JSON avec Fetch

Vous essayez de POST un objet JSON à l'aide de Fetch, mais vous rencontrez un problème où l'objet n'est pas t envoyé dans la requête.

L'extrait de code fourni est une tentative d'envoyer un objet JSON à un écho JSON point final. Cependant, cela ne fonctionne pas comme prévu. Le corps de la requête n'est pas correctement configuré pour contenir l'objet JSON stringifié.

Dans ES2017, en utilisant async/await, voici comment POSTER correctement une charge utile JSON :

(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);
})();

Cet extrait de code inclut la clé suivante mises à jour :

• Async/await : Le code exploite désormais async/wait pour un code asynchrone plus propre et plus lisible.
• Configuration appropriée du corps : Le corps de la requête est désormais défini sur l'objet JSON stringifié, garantissant qu'il est correctement transmis dans le request.

En implémentant ces modifications, votre requête de récupération devrait envoyer correctement l'objet JSON au point de terminaison d'écho.

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!