Ajax之调用一言网站API接口

Ajax的作用，主要是实现局部刷新。

通过老大哥告知，Ajax接口可以使用一言网站的，所以自己就练了一下子。

本文所有用到的接口都来自一言网站：https://hitokoto.cn/api

通过网站公告可知，一言网站的JSON数据格式如下：

 

id	本条一言的id。 可以链接到https://hitokoto.cn?id=[id]查看这个一言的完整信息。
hitokoto	一言正文。编码方式unicode。使用utf-8。
type	类型。请参考第三节参数的表格。
from	一言的出处。
creator	添加者。
created_at	添加时间。
注意：如果encode参数为text，那么输出的只有一言正文。

接口类型如下：

https://v1.hitokoto.cn/（从7种分类中随机抽取）

https://v1.hitokoto.cn/?c=b （请求获得一个分类是漫画的句子）

https://v1.hitokoto.cn/?c=f&encode=text （请求获得一个来自网络的句子，并以纯文本格式输出）

 

既然我们知道了接口，那么就让我们来分析一下如何利用Ajax使用这个接口。

首先先要确定html页面需要如何显示数据，使用列表、表格、还是lable标签呢？

这里我们采用了简单的table(表格)标签，注意，在使用表格的时候tr表示表格中的行，td表示表格中的单元格，tr需要和td嵌套使用即：

既然我们确定了HTML页面使用表格标签来显示数据，那么接下来我们编写JS代码。

编写JS代码，需要创建一个入口，然后在入口中编写Ajax的请求函数，

最后，通过获取标签元素来给HTML页面进行传值。

代码实现：

    
    
    
    
    
    
    


    

        
ID:
无
        
正文：
无
        
类型：
无
        
出处：
无
        
添加者：
无
        
添加时间：
无