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证书尚未部署,网页也并未完工~

Q.E.D.

Comments