JavaScript Fetch API

定義と用法

fetch() メソッドはリソースの取得プロセスを開始します。

fetch() メソッドは Response オブジェクトとして解析される Promise を返します。

ヒント：XMLHttpRequest はもはや必要ありません。

インスタンス

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

自分で試してみてください

Fetch は async と await に基づいています。この例がより理解しやすいかもしれません：

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

自分で試してみてください

x と y の代わりに理解しやすい名前を使用してください：

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}

自分で試してみてください

文法

fetch(file)

パラメータ

パラメータ 説明
file オプション。取得したいリソースの名前。

返り値

タイプ 説明
Promise Response オブジェクトとして解析される Promise。

ブラウザサポート

fetch() ECMAScript6 (ES6) 特徴です。

すべての現代ブラウザは ES6 (JavaScript 2015) をサポートしています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
はい はい はい はい はい

Internet Explorer 11（およびそれ以前のバージョン）はサポートしていません fetch()。