一言,局部刷新随机句子

全国高校招代理

网课代理平台,全国高校招代理,抢先即是赚到

¥100+10 统一开户价

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

我有话说[wb_允悲]

看看上面,蓝色的小框框,这就是效果这篇文章的最终效果了。
之前发过一次,只是不够美观,来这一次上全新的,尽管搬砖,尽管部署。

吐槽

一言刚刚出来的时候,好多网站都在部署,emm...,为什么每人给弄成几秒钟刷新???why?,一路百度+谷歌狂飙,丝毫进展都没有。
之前试过页面几秒钟刷新,结果CPU爆红,来来来下面介绍新方法局部刷新。
有什么能难倒我们??[wb_费解]

第一步

复制下面代码,自己研究[wb_吃瓜]

<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);//将读取的内容输出
  }
setInterval("ajax('https://v1.hitokoto.cn/?d=f&encode=text')",9000);
</script>
<script>
 ajax('https://v1.hitokoto.cn/?d=f&encode=text');
</script>   

浏览众多局部刷新!!![wb_打哈气]终于数据传过来了,
but,有一个问题一定要记住,接口要使用可以跨域访问的[wb_思考]

第二步

现在就差一个钩子了,来来来还没看出来我教你![wb_嘻嘻]
复制下面代码,放到你需要显示的地方👇

<b><div class="hitokoto"><div id ="1078"></div></div></b>

狂按F5,是不是有效果了?[wb_并不简单]我知道你现在在想太丑了,在教你一招

添加CSS

刚才赋给了你身体,现在我要赋予给你美丽的外貌+一个有趣的灵魂。
粘贴CSS[转圈]

<style>
.hitokoto{
    border-left: 5px solid #0073d8;
    border-right: 5px solid #0073d8;
    background-color: #3288d31a;
    padding: 10px;text-align: center;
    color: #0073d8;
    margin: 5px 0 5px 0;
}
  </style>

重新看一下效果。[wb_鼓掌]
快留言夸我!!!!

还有接口!!!

还是用官方的吧[wb_打脸]
https://hitokoto.cn/api

未经允许不得转载:作者:浮夸小生。, 转载或复制请以 超链接形式 并注明出处 半粒糖博客
原文地址:《一言,局部刷新随机句子》 发布于2019-08-18

分享到:
赞(0) 打赏
广告

评论 抢沙发

2 + 8 =


一言,局部刷新随机句子

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

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

登录

忘记密码 ?

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

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

注册