墨吻

发表文章数:212

热门标签

首页 » 技术交流 » 正文

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

今天的教程可以理解为,使用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

分享到:
赞(0) 生成海报

评论 2

评论前必须登录!

  注册

  1. #1

    一言

    YunShu3天前
  2. #2

    :cy: :cy: :cy: :cy: :cy: :cy: :cy: hh等待

    浅夏丶3天前

长按图片转发给朋友

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册