抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >
在网页中插入一言API

一言是什么?

简单来说,就是随机输出一句话/诗

一言接口

如何在网页中调用?

这就得用到官方的api接口了

可能你会看不懂官方文档,没事,接着往下看

文档中写了一个简单的调用方法

1
2
<!-- 新 API 方法, 十分简洁 -->
<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
1
2
再在需要的地方加上
<p id="hitokoto"><a href="#" id="hitokoto_text">:D 获取中...</a></p>

还不知道咋用?

调用方法

如图,将第一个代码防止

之前,你html代码的尾部

再将第二个代码直接放到需要的地方,结果看下图

输出结果

每次刷新都会出现新的语句

进阶用法

这里查表

使用方法

先看请求参数表,不难看出,c是用来看句子类型的,encode是返回编码,charset是字符集……

如果我们要输出诗词的话,就要指定句子类型(c)

so,查表句子类型,可以看出,诗词对应的参数为i,也就是说我们要指定句子类型为诗词,也就是c=i了

要怎么用呢?

还记得上面的代码吗?

1
<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>

将中间这个https://v1.hitokoto.cn/?encode=js&select=%23hitokoto链接后面加个&c=i

也就是https://v1.hitokoto.cn/?encode=js&select=%23hitokoto&c=i,点进去看看,是不是输出的诗句

同理,如果要输出网抑云网易云(j)的话,就是https://v1.hitokoto.cn/?encode=js&select=%23hitokoto&c=j

也可以同时获取诗词和网易云https://v1.hitokoto.cn/?encode=js&select=%23hitokoto&c=i&c=j

之后再去代码里改

然后推荐个写法,来自此处

如果你用了上面的代码先删掉(doge)

将代码放置尾部,/body之前

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
window.onload = function () {
var hitokoto = document.querySelector('.hitokoto');
var from = document.querySelector('.from');
update();
function update() {
gethi = new XMLHttpRequest();
gethi.open("GET", "https://v1.hitokoto.cn/?c=a");
//这里选择类别,详见官方文档
gethi.send();
gethi.onreadystatechange = function () {
if (gethi.readyState === 4 && gethi.status === 200) {
var Hi = JSON.parse(gethi.responseText);
hitokoto.innerHTML = Hi.hitokoto;
from.innerHTML = "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp---<b>" + Hi.from + "</b>"; //可自定义输出格式
}
}
}
}
</script>

?
????

再在需要的地方放上

1
2
<p?class="hitokoto">获取中</p>
<p?class="from"?style="font-style:?italic">获取中</p>

输出结果

评论