打开本地json_分离 html 与json ，只需fetch API搞定

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;
            });

通过上述格式即可使用，替换选择的文件，使用的函数做实际使用。

本地打开文件会报错

处理：上传服务器或者用localhost本地服务器的方式打开即可。