JavaScript 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);
}
自己動手試一試 »
描述
fetch() 方法開始從伺服器獲取資源的程序。
fetch() 方法返回一個 Promise，該 Promise 解析為一個 Response 物件。
😀 不再需要 XMLHttpRequest 了。
語法
fetch(file)
引數
| 引數 | 描述 |
| file | 可選。 要獲取的資源的名稱。 |
返回值
| 型別 | 描述 |
| Promise | 一個 Promise，它解析為 Response 物件。 |
瀏覽器支援
fetch() 是 ECMAScript6 (ES6) 的一項功能。
自 2017 年 6 月起，所有現代瀏覽器都支援 ES6 (JavaScript 2015)
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| 2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
fetch() 在 Internet Explorer 中不受支援。
