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

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

Susan Sarandon
发布: 2024-12-11 04:14:14
原创
936 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板