Obtenir : transférer des données JSON

Question

J'essaie de POST un objet JSON en utilisant la méthode fetch.

D'après ma compréhension, je dois ajouter un objet chaîne au corps de la requête, par exemple :

fetch("/echo/json/",
{
    en-têtes : {
      'Accepter' : 'application/json',
      « Type de contenu » : « application/json »
    },
    méthode : "POST",
    corps : JSON.stringify({a : 1, b : 2})
})
.then(function(res){ console.log(res) })
.catch(function(res){ console.log(res) })
≪/pré>
Lorsque j'utilise l'écho JSON de jsfiddle, je m'attends à pouvoir voir l'objet que j'envoie ({a: 1, b: 2}), mais cela ne se produit pas - Développement Chrome L'outil auteur n'affiche même pas le JSON dans le cadre de la requête, ce qui signifie qu'il n'est pas envoyé. 
            

Answer 1

Je pense que votre problème est jsfiddle只能处理form-urlencoded请求。但是正确的方法是将正确的jsonpasser comme corps de requête :

fetch('https://httpbin.org/post', {
  method: 'POST',
  headers: {
    'Accept': 'application/json, text/plain, */*',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({a: 7, str: 'Some string: &=&'})
}).then(res => res.json())
  .then(res => console.log(res));

Answer 2

Comment utiliser les async/await支持，这是如何进行POST données JSON 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);
})();