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

親自試一試