前言
2020年已经过半了，疫情也好转许多。但是我们不能放松警惕，要坚持到最后。奥利给！！！说到这里，你是否想开发一个项目实时了解疫情数据呢？但是又担心没有数据接口，那么今天给大家解决这个疑惑。
线上示例
复制以下链接（网站数据量太多，首次加载请耐心等待）：
1https://www.maomin.club/fy/ 2
线上图例
下面是几张具有代表性的网站图片。
1.
2.
3.
4.
数据接口
调用以下接口：
1https://www.maomin.club/fy/get/ 2
接口文档
1、获取数据
这里我使用的是fetch方法调用接口获取数据，当然你也可以使用其他的方法调用。
1 fetch("https://www.maomin.club/fy/get", { 2 method: 'GET', 3 headers: { 4 'Content-Type': 'application/x-www-form-urlencoded', 5 } 6 }).then((response) => response.json()).then(response => { 7 var made = JSON.parse(response); 8 var madeData = made.component; 9 var data = madeData[0]; 10 console.log(data); // 这里就是你要的数据 11 }).catch(err => { 12 console.log(err) 13 });
2、字段详解
| 字段 | 含义 |
|---|---|
| allForeignTrend | 所有的国外疫情趋势 |
| asymptomaticTopProvince | 国内无症状感染者分布 |
| caseList | 国内各省市疫情数据 |
| caseOutsideList | 国外各国疫情数据 |
| foreignLastUpdatedTime | 国外数据更新时间 |
| globalList | 全球各大洲疫情数据 |
| gossips | 辟谣消息 |
| hotwords | 热点信息 |
| knowledges | 知识新闻 |
| mapLastUpdatedTime | 地图最新更新时间 |
| newAddTopProvince | 国内新增确诊 |
| summaryDataIn | 国内疫情数据统计 |
| summaryDataOut | 国外疫情数据统计 |
| topAddCountry | 新增确诊国家Top10 |
| topOverseasInput | 境外输入省级Top10 |
欢迎关注我的公众号，回复关键词【电子书】，即可获取近十几本前端热门电子书。您还可以加我微信，我创建了一个技术交流、文章分享群，欢迎您的加入。
作者：Vam的金豆之路
主要领域：前端开发
我的微信：maomin9761
微信公众号：前端历劫之路
本文转转自微信公众号前端历劫之路原创https://mp.weixin.qq.com/s/tNkFD26-OHCrftYVS8l1Fg，如有侵权，请联系删除。