Vue小笔记——fetch

• MDN中这样介绍Fetch

Fetch API 提供了一个 JavaScript 接口，用于访问和操纵 HTTP 管道的一些具体部分，例如请求和响应。它还提供了一个全局 fetch() 方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。这种功能以前是使用 XMLHttpRequest 实现的。Fetch 提供了一个更理想的替代方案，可以很容易地被其他技术使用，例如 Service Workers。Fetch 还提供了专门的逻辑空间来定义其他与 HTTP 相关的概念，例如 CORS 和 HTTP 的扩展。

• 基本的fetch请求

fetch('myPath').then(res=>{
	retrun res.json();
}).then(res=>{
	console.log('请求成功的数据')
}).catch(err=>{
	console.log('请求失败')
}

• fetch支持请求参数

// fetch 第一个参数是URL，第二个是可以控制不同配置的init对象，采用的是Promises 来处理结果/回调:
let req = new Request(URL,{method:'GET',cache:'reload'});
fetch(req).then(res=>{
	return res.json();
}).then(res=>{
	console.log(res)
}).catch(err=>{
	console.log(err)
}