获取：POST json数据

Question

获取：POST json数据

我试图发布一个JSON对象去取.

根据我所能理解的，我需要在请求的主体上附加一个字符串对象，例如：

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‘s json回声我希望看到我发送的对象({a: 1, b: 2})返回，但这并没有发生-ChromeDevTools甚至没有将JSON显示为请求的一部分，这意味着它没有被发送。

Answer 1

在搜索引擎中，我最后讨论了非json使用FETCH发布数据的主题，所以我想添加以下内容。为非JSON您不必使用表单数据。您可以简单地设置Content-Type头到application/x-www-form-urlencoded并使用字符串：fetch('url here', {     method: 'POST',     headers: {'Content-Type':'application/x-www-form-urlencoded'}, // this line is important, if this content-type is not set it wont work     body: 'foo=bar&blah=1'});另一种方法body字符串，而不是像我上面所做的那样键入它，是使用库。例如，stringify功能来自query-string或qs包裹。因此，如果使用这个，它看起来就像：import queryString from 'query-string';fetch('url here', {     method: 'POST',     headers: {'Content-Type':'application/x-www-form-urlencoded'}, // this line is important, if this content-type is not set it wont work     body: queryString.stringify({for:'bar', blah:1}});