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

最新推荐文章于 2024-01-07 18:12:41 发布

云者-者行孙

最新推荐文章于 2024-01-07 18:12:41 发布

阅读量713

点赞数 2

CC 4.0 BY-SA版权

分类专栏： ajax 文章标签： ajax 接口 api jquery javascript

本文链接：https://blog.youkuaiyun.com/qq_44205213/article/details/104576976

本文介绍了如何利用AJAX技术从API接口获取实时数据。首先解释了使用AJAX的原因，接着提供了获取接口数据的网站，并展示了通过AJAX获取的疫情数据效果。文章还分享了关键代码片段，帮助读者理解并学习AJAX的应用，最后提到了利用AJAX进行更多有趣的项目，如姓氏起源查询。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

采用表格的形式布局
在这里插入图片描述
点击下方查看疫情数据按钮，结果将会展示当前接口传来的数据。并且这个数据是会实时更新的（提示：因为这个api并不是和百度上数据的api一致，所以和百度的数据展示会有偏差，不过大部分数据一致）。

在这里插入图片描述

<table class="table table-hover">
 <tr><td>现存确诊</td>
 <td id="currentConfirmedCount"></td>
 &l

200万优质内容无限畅学