Comment puis-je PUBLIER des données JSON à l'aide de l'API Fetch ?

POST de données JSON avec l'API Fetch

Il est courant d'envoyer des données JSON à l'aide du type de requête POST. Vous pouvez le faire avec l'API Fetch de JavaScript, qui fournit une interface puissante pour effectuer des requêtes HTTP.

Une méthode d'envoi de données JSON via l'API Fetch consiste à inclure un objet JSON comme corps de la requête. Pour ce faire, convertissez l'objet JSON en chaîne à l'aide de JSON.stringify() :

const body = JSON.stringify({a: 1, b: 2});

Ensuite, attachez cet objet stringifié au corps de la requête :

fetch("/echo/json/", {
    method: "POST",
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    body: body
})
.then(res => console.log(res))
.catch(res => console.log(res));

Cependant, cela La méthode peut ne pas fonctionner dans certains cas, en particulier lors de l'utilisation d'outils de développement tels que l'écho JSON de jsfiddle. Vous pouvez également utiliser la syntaxe async/await ES2017 pour gérer la 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);
})();

Cette méthode convertit la réponse en un objet JSON, qui peut être interrogé et traité plus efficacement dans votre code.

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!