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);
}
自己尝试一下 »
描述
The fetch() method starts the process of fetching a resource from a server.
The fetch() method returns a Promise that resolves to a Response object.
😀 不再需要 XMLHttpRequest 了。
语法
fetch(file)
参数
| 参数 | 描述 |
| file | 可选的。 要获取的资源的名称。 |
返回值
| 类型 | 描述 |
| Promise | 一个解析为 Response 对象的 Promise。 |
浏览器支持
fetch() 是 ECMAScript6 (ES6) 的功能。
ES6 (JavaScript 2015) 自 2017 年 6 月起在所有现代浏览器中都得到支持
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| 2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
fetch() 在 Internet Explorer 中不受支持。
