【千锋】最全最新Vue、Vuejs教程，从入门到精通Vue2.0+Vue3.0前

fetch就是基于promise的一种封装所形成的标准,不需要引入第三方文件,

ajax、XHR、fetch之间的关系:

ajax是一种异步请求数据，局部更新页面的技术;

XHR是实现ajax的原生方法，没有兼容性问题;

fetch 则是一个新的网络请求 API，提供了现代化的解决方案,他有兼容性问题,

如果浏览器不支持fetch，就自动降级为XHR,

使用fetch:fetch(url, options)

.then(function(response) {

//拿到状态码，响应头

if (response.ok) {

return response.json(); // 处理响应

} else {

throw new Error('Error:' + response.status); // 处理错误

}

})

.then(function(data) {

console.log(data); // 处理响应数据

})

.catch(function(error) {

console.error('Error:', error); // 处理错误

});