--- title: Request.headers slug: Web/API/Request/headers tags: - API - Experimental - Fetch - Headers - Property - Reference - request translation_of: Web/API/Request/headers ---
{{APIRef("Fetch")}}{{SeeCompatTable}}

{{domxref("Request")}} のインターフェースの headers 読み取り専用プロパティは、リクエストに関連する {{domxref("Headers")}} オブジェクトを含みます。

構文

var myHeaders = request.headers;

値

{{domxref("Headers")}} オブジェクト。

例

次のスニペットは、{{domxref("Request.Request()")}} コンストラクタを使って（スクリプトと同じディレクトリにある画像ファイルのために）新しいリクエストを生成してから、リクエストの headersを変数に保存しています：

var myRequest = new Request('flowers.jpg');
var myHeaders = myRequest.headers; // Headers {}

{{domxref("Headers")}} オブジェクトにヘッダを追加するためには、{{domxref("Headers.append")}} を使用します。初期化オプションとしてのヘッダを渡し、 2番目の初期化パラメータと一緒に新しい request を生成ます：

var myHeaders = new Headers();
myHeaders.append('Content-Type', 'image/jpeg');

var myInit = { method: 'GET',
                   headers: myHeaders,
                   mode: 'cors',
                   cache: 'default' };

var myRequest = new Request('flowers.jpg',myInit);

myContentType = myRequest.headers.get('Content-Type'); // 'image/jpeg' を返す。

仕様

仕様 状態 コメント
{{SpecName('Fetch','#dom-request-headers','headers')}} {{Spec2('Fetch')}} Initial definition

ブラウザ実装状況

{{CompatibilityTable}}

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート {{CompatChrome(42)}}
{{CompatChrome(41)}}[1]		 {{CompatGeckoDesktop(39)}}
34[1]		 {{CompatNo}}

29
28[1]

 {{CompatNo}}
機能 Android Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
基本サポート {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}}

[1] この機能は設定によって使えるようになります。

関連項目