ホームページ >ウェブフロントエンド >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 データの送信

JSON データの投稿にフェッチ API を利用する場合、リクエストの本文には文字列化されたバージョンの必要な 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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。