Body

Fetch API の Body mixin は、コンテンツタイプの種類や扱われ方を決める、リクエスト/レスポンスのボディを表します。

Body は Request と Response の両方に実装されています — これは関連する body（バイトストリーム）と used flag （初期は未設定）、MIME type （初期は空のバイトシーケンス）を提供します。

プロパティ

Body.bodyUsed 読取専用

既にボディが読み込まれたかどうかを示す Boolean 値。

メソッド

Body.arrayBuffer()

Response ストリームを取得し、完全に読み込む。ArrayBuffer で解決する promise を返す。

Body.blob()

Response ストリームを取得し、完全に読み込む。Blob で解決する promise を返す。

Body.formData()

Response ストリームを取得し、完全に読み込む。FormData オブジェクトで解決する promise を返す。

Body.json()

Response ストリームを取得し、完全に読み込む。JSON オブジェクトで解決する promise を返す。

Body.text()

Response ストリームを取得し、完全に読み込む。USVString（テキスト）で解決する promise を返す。

例

basic fetch example（example ライブを実行）では、画像を取得して <img> タグに表示するために fetch 呼び出しを使用しています。画像をリクエストするので、正しい MIME type をレスポンスに設定するために Body.blob（Response は body を実装しています）を実行する必要があることに注意してください。

var myImage = document.querySelector('.my-image');
fetch('flowers.jpg').then(function(response) {
  return response.blob();
}).then(function(response) {
  var objectURL = URL.createObjectURL(response);
  myImage.src = objectURL;
});

仕様

ブラウザ実装状況

[1] バージョン 41 で設定が必要です。

[2] バージョン 34 で設定が必要です。

[3] バージョン 28 で設定が必要です。

関連項目

• ServiceWorker API
• HTTP アクセス制御 (CORS)
• HTTP