也是见很多博客部署了一言,但终归还是要刷新整个网页才能更换下一条句子,不够灵动。
今天的教程可以理解为,使用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
未经允许不得转载:作者:墨吻,
转载或复制请以 超链接形式 并注明出处 墨吻博客。
原文地址:《一言,局部刷新句子》 发布于2020-03-04
一言
看看老哥
看看