FETCH：POST JSON数据

Question

我正在尝试使用Fetch发布一个JSON对象。

根据我的理解，我需要将一个stringized对象附加到请求的主体，例如：

js prettyprint-override">fetch("/echo/json/",
{
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    method: "POST",
    body: JSON.stringify({a: 1, b: 2})
})
.then(function(res){ console.log(res) })
.catch(function(res){ console.log(res) })

在使用JSFiddle的JSON echo时，我希望看到我发送回来的对象({a:1,b:2})，但这没有发生--chrome devtools甚至没有将JSON显示为请求的一部分，这意味着它没有被发送。

Answer 1

通过ES2017的async/await支持，以下是如何postJSON有效负载：

null

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