Hitokoto,正如其名,就是通过api发起请求,以从服务器获取包含一段随机文字的json文件,通过js处理后显示在页面上。
hitokoto.cn的语库是很丰富的,api文档也写得很简明了,这里提供一个最简单的调用js:
window.onload=function () {
var hitokoto = document.querySelector('.hitokoto');
var from = document.querySelector('.from');
update();
function update() {
gethi = new XMLHttpRequest();
gethi.open("GET","https://sslapi.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 = "from: <b>" + Hi.from + "</b>"; //可自定义输出格式
}
}
}
}
接下来可以直接在网页上通过hitokoto和from两个class调用了,例如:
<div>
<p class="hitokoto"></p>
<p class="from"></p>
</div>
手写了一个一言页面,用作浏览器主页,后续或许会加上其他功能。
https://hi.shino.cc
PS. 新域名shino.cc的HTTPS证书尚未部署,网页也并未完工~