Fetch POST リクエストで JSON データが送信されないのはなぜですか?

Fetch を使用して JSON データを POST する

Fetch を使用して JSON オブジェクトを POST しようとしていますが、オブジェクトが POST されないという問題が発生しました。

提供されたコード スニペットは、JSON オブジェクトをJSON エコー エンドポイント。ただし、期待どおりに機能しません。リクエストの本文は、文字列化された JSON オブジェクトを含むように適切に構成されていません。

ES2017 では、async/await を使用して、JSON ペイロードを正しく POST する方法は次のとおりです。

(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: コードは、よりクリーンで読みやすい非同期コードのために async/await を活用するようになりました。
• 適切な本体構成: リクエストの本文が文字列化された JSON オブジェクトに設定され、リクエストが正しく送信されるようになりました。 request.

これらの変更を実装すると、フェッチ リクエストは JSON オブジェクトをエコー エンドポイントに正しく送信するようになります。

以上がFetch POST リクエストで JSON データが送信されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。