我知道fetch正在使用promises,它们都允许你向服务器发出AJAX请求。我已经读过fetch有一些额外的功能,这些功能在XMLHttpRequest(以及fetch polyfill中,因为它基于XHR)中不可用。 fetch API有哪些额外功能?
使用fetch可以执行一些操作,而不是使用XHR:
no-cors
请求,从未实现CORS的服务器获取响应。您无法直接从JavaScript访问响应正文,但您可以将其与其他API(例如Cache API)一起使用;您可以使用XHR执行一些使用fetch无法完成的操作,但它们迟早会可用(请阅读“未来改进”段落:https://hacks.mozilla.org/2015/03/this-api-is-so-fetching/):
mozAnon
flag或AnonXMLHttpRequest
构造函数)FormData
实例fetch
的no-cors
模式上面的答案很好并且提供了很好的见解,但我在这个google developers blog entry中分享了相同的观点,主要区别(从实际角度来看)是从fetch
返回的内置承诺的便利性
而不必像这样编写代码
function reqListener() {
var data = JSON.parse(this.responseText);
}
function reqError(err) { ... }
var oReq = new XMLHttpRequest();
oReq.onload = reqListener;
oReq.onerror = reqError;
oReq.open('get', './api/some.json', true);
oReq.send();
我们可以通过承诺和现代语法来清理并编写更简洁易读的内容
fetch('./api/some.json')
.then((response) => {
response.json().then((data) => {
...
});
})
.catch((err) => { ... });