Body

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

Body は Request と Response の両方に実装されていて、body（stream）と使用済みフラグ（初期は未設定）、MIMEタイプ（初期は空のバイトシーケンス）を提供します。

プロパティ

Body.body 読取専用

A simple getter used to expose a ReadableStream of the body contents.

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 を返す。文字コードは常にUTF-8を使用します。

例

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

HTML Content

<img class="my-image" src="https://wikipedia.org/static/images/project-logos/frwiki-1.5x.png">

JS Content

var myImage = document.querySelector('.my-image');
fetch('https://upload.wikimedia.org/wikipedia/commons/7/77/Delete_key1.jpg')
	.then(res => res.blob())
	.then(res => {
		var objectURL = URL.createObjectURL(res);
  myImage.src = objectURL;
});

仕様

ブラウザ実装状況

関連項目

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