html 原生引入json
//let url = './shp/kmbm.json'
// loadConfig(url).then()
function loadConfig(url) {
return new Promise((resolve, reject) => {
let xhr = new XMLHttpRequest();
xhr.overrideMimeType('application/json');//设置请求头
xhr.open('GET', url, true);//设置请求方式、路径及是同步还是异步请求
xhr.send(null);//向服务器发送数据
xhr.onreadystatechange = () => {
//当请求被发送到服务器时,我们需要执行一些基于响应的任务。
// 0: 请求未初始化
// 1: 服务器连接已建立
// 2: 请求已接收
// 3: 请求处理中
// 4: 请求已完成,且响应已就绪
if (xhr.readyState !== 4) {
return;
}
if (xhr.status === 0 || xhr.status === 200) {
try {
let obj = JSON.parse(xhr.responseText);
resolve(obj);
} catch (e) {
reject(e);
}
}
};
});
}
vue使用json
- 使用axios, 如果有axios拦截,很可能会不满足拦截条件(比如:code等于200, 所以不推荐),b本方法将本地json文件放到public文件夹下,别的文件夹也可以,用ajsx调用;
- 使用immport 在assets文件夹或者别的文件夹下新建json文件夹存放json文件(推荐):使用immport直接导入
code