一言接口Js代码获取Json并输出文字来源

  之前逛熊猫小A的博客发现,他VOID主题底部的一言都有显示来源,感觉逼格上升了不少,于是我参考熊猫小A的VOID主题一言接口调用代码,对本站首页头部的一言增加来源并美化。VOID主题Github项目主页:AlanDecode/Typecho-Theme-VOID

第一步

首先,到Handsome主题目录下的index.php文件中,大概是第40-46行

 $.ajax({
        type: \'Get\',
        url: \'https://v1.hitokoto.cn/\',
        success: function(data) {
        var hitokoto = data.hitokoto;
        $(\'.indexWords\').text(hitokoto);
                                }
        });

参照一言接口文档

请求地址 请求方式 说明
https://v1.hitokoto.cn/ GET/POST 1、已启用 HSTS, 并已加入 HSTS Preload List 计划
2、站点QPS限制:10,超过有可能会被屏蔽
3、线路:大陆+海外
https://international.v1.hitokoto.cn/ GET/POST 1、已启用 HSTS, 并已加入 HSTS Preload List 计划
2、站点QPS限制:25,超过有可能会被屏蔽
3、线路:海外
参数名称 类型 描述
c 可选 Cat,即类型。提交不同的参数代表不同的类别,具体:
a Anime - 动画
b Comic – 漫画
c Game – 游戏
d Novel – 小说
e Myself – 原创
f Internet – 来自网络
g Other – 其他
其他不存在参数 任意类型随机取得
encode 可选
text 返回纯净文本
json 返回不进行unicode转码的json文本
js 返回指定选择器(默认.hitokoto)的同步执行函数。
其他不存在参数 返回unicode转码的json文本
charset 可选
utf-8 返回 UTF-8 编码的内容,支持与异步函数同用。
GBK 返回 GBK 编码的内容,不支持与异步函数同用。
callback 可选
回调函数 将返回的内容传参给指定的异步函数。

第二步

将代码改为如下,采用Json返回参数,获取来源并利用Js代码输出,再加上两个括号,更有文艺感~

$.ajax({
         url: \'https://v1.hitokoto.cn/?encode=json\',
         async: true,
         success: function (data) {
         $(\'.indexWords\').html(data.hitokoto + \' — 『\' + data.from + \'』\');
                                  }
       });

相关配置

如果要对获取的一言文字进行规定分类范围,比如说我只想要获取游戏分类的一言,我们可以参照API文档,将APIurl地址改成如下格式

https://v1.hitokoto.cn/?c=c&encode=json
最后修改:2019 年 07 月 12 日 06 : 00 PM
如果觉得我的文章对你有用,请随意赞赏

3 条评论

  1. Dxoca

    阿勒 我的 md解析不了表格。ヾ(≧∇≦*)ゝ

    1. 门寒子
      @Dxoca

      我这个表格是用HTML写的|´・ω・)ノ

      1. Dxoca
        @门寒子

        哇 这样啊

发表评论