首页 >web前端 >js教程 >如何使用 Fetch POST 请求正确发送 JSON 数据?

如何使用 Fetch POST 请求正确发送 JSON 数据?

Susan Sarandon
Susan Sarandon原创
2024-12-11 04:14:14937浏览

How to Properly Send JSON Data with Fetch POST Requests?

使用 Fetch POST 发送 JSON 数据

使用 fetch API 发布 JSON 数据时,请求的正文应包含以下内容的字符串化版本所需的 JSON 对象。但是,您遇到了 JSON 对象未与请求一起发送的问题。

要解决此问题,您可以使用 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);
})();

使用此代码,JSON 对象 {a: 1, b: 'Textual content'} 将被字符串化并按预期附加到获取正文。

以上是如何使用 Fetch POST 请求正确发送 JSON 数据?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn