Comment envoyer efficacement des données JSON à l'aide de la méthode POST de Fetch ?

Faire des requêtes POST avec Fetch : envoyer des données JSON

Dans le monde du développement Web, il est souvent nécessaire de transmettre des données à un serveur en utilisant la méthode POST. Souvent, ces données prennent la forme d’objets JSON. Pour y parvenir à l'aide de l'API Fetch, nous examinerons les étapes requises.

Comme mentionné dans l'invite donnée, la clé consiste à attacher une version chaîne de l'objet JSON au corps de la requête. Cependant, l'exemple de code fourni semble rencontrer un problème où les données JSON ne parviennent pas à être envoyées.

Pour résoudre ce problème, nous pouvons utiliser la syntaxe async/await d'ES2017, qui fournit une approche plus concise et lisible.

Voici un extrait de code mis à jour qui démontre le processus :

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

Dans ce code, le La syntaxe async/await est utilisée pour rendre la fonction asynchrone. Le mot clé wait suspend l'exécution de la fonction jusqu'à ce que la réponse brute soit reçue de l'API. Une fois la réponse disponible, la méthode json() est utilisée pour analyser le contenu JSON.

En suivant cette approche, vous pouvez POSTER efficacement les données JSON à l'aide de l'API Fetch. N'oubliez pas d'ajuster l'URL et les données en fonction de vos besoins spécifiques.

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!