Holen: JSON-Daten übertragen

Question

Ich versuche, ein JSON-Objekt mit der Methode fetch zu POSTEN.

Nach meinem Verständnis muss ich ein stringifiziertes Objekt an den Hauptteil der Anfrage anhängen, zum Beispiel:

fetch("/echo/json/",
{
    Überschriften: {
      'Akzeptieren': 'application/json',
      'Content-Type': 'application/json'
    },
    Methode: „POST“,
    body: JSON.stringify({a: 1, b: 2})
})
.then(function(res){ console.log(res) })
.catch(function(res){ console.log(res) })

Wenn ich das JSON-Echo von jsfiddle verwende, erwarte ich, dass ich das von mir gesendete Objekt sehen kann ({a: 1, b: 2}), aber das passiert nicht - Chrome Development Das Autorentool zeigt den JSON nicht einmal als Teil der Anfrage an, was bedeutet, dass er nicht gesendet wird.

Answer 1

我认为你的问题是jsfiddle只能处理form-urlencoded请求。但是正确的方法是将正确的json作为请求体传递：

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

使用ES2017的async/await支持，这是如何进行POST 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);
})();