如何使用Fetch的POST方法有效傳送JSON資料？

使用Fetch 發出POST 請求：發送JSON 資料

在Web 開發領域，經常需要使用以下方式將資料傳輸到伺服器 方法。通常，這些資料採用 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中文網其他相關文章！