1. 開発者向けのウェブ技術
  2. Web API
  3. Request
  4. headers

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Request: headers プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2017年3月以降、すべてのブラウザーで利用可能です。

メモ: この機能はウェブワーカー内で利用可能です。

headersRequest インターフェイスの読み取り専用プロパティで、リクエストに関連する Headers オブジェクトを保持します。

Headers オブジェクト。

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

js
const myRequest = new Request("flowers.jpg");
const myHeaders = myRequest.headers; // Headers {}

Headers オブジェクトにヘッダーを追加するためには、Headers.append を使用します。次に、新しい Request を作成する際に初期化のための第二引数を渡し、初期化オプションとしてヘッダーを渡します。

js
const myHeaders = new Headers();
myHeaders.append("Content-Type", "image/jpeg");
const myInit = {
 method: "GET",
 headers: myHeaders,
 mode: "cors",
 cache: "default",
};
const myRequest = new Request("flowers.jpg", myInit);
const myContentType = myRequest.headers.get("Content-Type"); // returns 'image/jpeg'

仕様書

仕様書
Fetch
# ref-for-dom-request-headers2

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

AltStyle によって変換されたページ (->オリジナル) /