Hitokoto,正如其名,就是通过api发起请求,以从服务器获取包含一段随机文字的json文件,通过js处理后显示在页面上。

hitokoto.cn的语库是很丰富的,api文档也写得很简明了,好了那就提供一个最简单的调用js:

简单的Html Dom布局:

<div class="main_txt">
     <h2 id="hitokoto"></h2>
     <p style="text-align: right;" id="author"></p>
</div>

JavaScript 调用:

window.onload=function () {
 function loadHiData() {
  fetch("https://v1.hitokoto.cn")
    .then((response) => response.json())
    .then((data) => {
      const hitokoto = document.getElementById("hitokoto");
      const author = document.getElementById("author");
      hitokoto.innerText = "『 " + data.hitokoto + " 』";
      author.innerText = "--" + data.from_who + "「" + data.from + "」";
    })
    .catch(console.error);
}
}

效果预览:

这就是一言Hitokoto API的简单使用,欢迎参考。