如何使用Fetch的POST方法有效发送JSON数据？

使用 Fetch 发出 POST 请求：发送 JSON 数据

在 Web 开发领域，经常需要使用以下方式将数据传输到服务器POST 方法。通常，这些数据采用 JSON 对象的形式。为了使用 Fetch API 实现此目的，我们将深入研究所需的步骤。

如给定提示中所述，关键是将 JSON 对象的字符串化版本附加到请求的正文。然而，提供的代码示例似乎遇到了 JSON 数据发送失败的问题。

为了解决这个问题，我们可以利用 ES2017 的 async/await 语法，它提供了更简洁和可读的方法。

这是演示该过程的更新代码片段：

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

在此代码中， async/await语法用于使函数异步。 wait 关键字暂停函数的执行，直到从 API 收到 rawResponse。一旦响应可用，就会使用 json() 方法解析 JSON 内容。

通过遵循此方法，您可以使用 Fetch API 有效地 POST JSON 数据。请记住调整 URL 和数据以满足您的具体要求。

以上是如何使用Fetch的POST方法有效发送JSON数据？的详细内容。更多信息请关注PHP中文网其他相关文章！