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

「樱花庄的白猫」原创文章：《一言Hitokoto API 调用指南》，转载请保留出处！https://2heng.xin/2017/08/12/hitokoto/

Q.E.D.

Comments

赏