运用aja获取api接口的实时数据

AJAX

即 AJAX Asynchronous JavaScript And XML,用于实现异步刷新

用它的原因

最近一直想通过调用一些数据api接口实现一定的功能,在找到有用的接口后,自己却不知如何获取它的数据,通过网上查阅资料,看到了几种办法。自己觉得能够满足自己需求的情况下,还是ajax简单,方便。所以就开干了…

接口获取地址

这是我最近用的一个网站,提供了很多免费的接口:https://www.tianapi.com/

效果

我个人看博客喜欢先看做实现出来的效果,然后再看代码实现,所以先把我做出来的效果展示出来。

疫情数据展示

采用表格的形式布局
运用aja获取api接口的实时数据_第1张图片
点击下方查看疫情数据按钮,结果将会展示当前接口传来的数据。并且这个数据是会实时更新的(提示:因为这个api并不是和百度上数据的api一致,所以和百度的数据展示会有偏差,不过大部分数据一致)。

运用aja获取api接口的实时数据_第2张图片

主要代码展示

现存确诊 累计确诊
现存疑似 累计治愈
累计死亡 现存重症
新增疑似
相比昨天现存确诊人数
相比昨天累计确诊人数
相比昨天新增治愈人数
相比昨天新增死亡人数
相比昨天现存重症人数

ajax中相关参数知识可以参考:https://www.cnblogs.com/Steven5007/p/10407677.html

学会了这种用法后,只要给我一个接口,就可以做很多有意思的事情了
比如:做个姓氏起源查询
运用aja获取api接口的实时数据_第3张图片

附 Jquery学习链接:jquery ajax实现讲解

你可能感兴趣的:(ajax)