JavaScript Fetch API

Fetch API インターフェースは、Web ブラウザが Web サーバーに HTTP リクエストを送信できるようにします。

不再需要 XMLHttpRequest。

浏览器支持

表中的数字注明了完全支持 Fetch API 的首个浏览器版本：

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
2011 年 6 月 2016 年 8 月 2015 年 8 月 2017 年 3 月 2015 年 4 月

Fetch API インスタンス

以下の例ではファイルを取得し、内容を表示します：

インスタンス

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);
}

自分で試してみる