也是见很多博客部署了一言，但终归还是要刷新整个网页才能更换下一条句子，不够灵动。

今天的教程可以理解为，使用ajax局部刷新指定div，达到定时读取一言显示到页面。通俗来讲就是定时刷新div。

教程如下：

将下面所述代码找个合理的地方放上，这就不用我多说了吧。

<script>
function ajax(url)
{
    if(window.XMLHttpRequest)
        {
            var oAjax = new XMLHttpRequest();
        }
        else
        {
            var oAjax = new ActiveXObject("Microsoft.XMLHTTP");//IE6浏览器创建ajax对象
        }
        oAjax.open("GET",url,true);//把要读取的参数的传过来。
        oAjax.send();
        oAjax.onreadystatechange=function()
        {
            if(oAjax.readyState==4)
            {
                if(oAjax.status==200)
                {
                    xianshi(oAjax.responseText);//成功的时候调用这个方法
                }
                else
                {
                    
                }
            }
        };
}
  function xianshi(str)
  {
    $("div#1078").html(str);//将读取的内容输出到指定id
  }
setInterval("ajax('https://v1.hitokoto.cn/?d=f&encode=text')",5000);//以毫秒计算，5000=5秒，自行修改。
</script>
<script>
 ajax('https://v1.hitokoto.cn/?d=f&encode=text');
</script>

接口啥的随意了，自带接口要实现跨域访问。这里使用的一言官方接口。

光有脚本还不行。所以还要继续看第二步，我们需要一个hook（钩子）

抱歉，隐藏内容 回复 后刷新可见
查看演示：https://www.coets.cn/#1078

分享到：

赞(0) 生成海报