ホームページ > ウェブフロントエンド > jsチュートリアル > Fetch POST リクエストで JSON データを適切に送信するにはどうすればよいですか?

Fetch POST リクエストで JSON データを適切に送信するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-12-11 04:14:14
オリジナル
941 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート