Fetch API 提供了一个获取资源的接口(包括跨域请求)。任何使用过 XMLHttpRequest
的人都能轻松上手,而且新的 API 提供了更强大和灵活的功能集。
Fetch 接口
fetch()
包含了fetch()
方法,用于获取资源。
Headers
相当于 response/request 的头信息,可以使你查询到这些头信息,或者针对不同的结果做不同的操作。
Request
相当于一个资源请求。
Response
相当于请求的响应
简单用法
fetch('sites.json')//选择文件
.then(function (response) {
return response.json();
})
.then(function (myJson) {
console.log(myJson.sites);
var sites = myJson.sites;//供函数使用的参数
itemsAdd(sites);//使用的函数
return myJson;
});
通过上述格式即可使用,替换选择的文件,使用的函数做实际使用。
本地打开文件会报错
![e5354bbb54cec443c7f252951cfdc7a7.png](https://i-blog.csdnimg.cn/blog_migrate/6785ea202dbb8bdd3580902d3f42499c.png)
处理:上传服务器或者用localhost本地服务器的方式打开即可。