liuwenzhen

需求:获取全国省级疫情数据,ESRI疫情地图数据较为齐全

参考:

1. CSDN:qq_36523007:腾讯疫情数据获取

2. vue.js官方:使用 axios 访问 API

3. 博客园:Mona-雅:如何将后台传过来的Date日期格式化

1 网页疫情数据json请求接口

按【F12】打开开发者工具→【网络】选项卡→【类型】,按照类型排序,找到“json”请求,新建标签页打开。

 2 获取最新疫情数据

let province = [\'北京\', \'天津\', \'河北\', \'山西\', \'内蒙古\',
    \'辽宁\', \'吉林\', \'黑龙江\', \'上海\', \'江苏\',
    \'浙江\', \'安徽\', \'福建\', \'江西\', \'山东\',
    \'河南\', \'湖北\', \'湖南\', \'广东\', \'广西\',
    \'海南\', \'重庆\', \'四川\', \'贵州\', \'云南\',
    \'西藏\', \'陕西\', \'甘肃\', \'青海\', \'宁夏\',
    \'新疆\', \'台湾\', \'香港\', \'澳门\'
]
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let yesterday = date.getDate() - 1;
//时间格式化为yyyyMMdd
let url = \'http://49.4.25.117/JKZX/yq_\' + year +
    `${month < 10 ? \'0\'+month : month}` +
    `${yesterday < 10 ? \'0\'+yesterday : yesterday}` + \'.json\';
//let json=require(\'../../assets/json/yq_20200504.json\'); //加载本地
Axios.get(url).then(res => {
    //获取数据
    let features = res.data.features;
    let data = new Array();
    for (let i = 0; i < features.length; i++) {
        data.push({
            name: province[i],
            value: [
                features[i].properties.累计确诊,
                features[i].properties.新增确诊,
                features[i].properties.累计疑似,
                features[i].properties.新增疑似,
                features[i].properties.累计死亡,
                features[i].properties.新增死亡
            ]
        });
    }
})

3 问题

axios.get获取的response.data无法传出then函数,等了解清楚vue.js生命周期、回调函数、箭头函数后才能解决。

分类:

技术点:

相关文章: