使用JQUERY实现局部页面定时刷新

最新推荐文章于 2018-11-08 11:09:18 发布

weixin_34014555

最新推荐文章于 2018-11-08 11:09:18 发布

阅读量140

点赞数

文章标签： javascript 运维前端 ViewUI

没办法，运维会一点点前端，还是有好处的。。

说不定，BOOTSTRAP也得会一点点。。

本想用流式输出的搞定的，但没搞定，就取巧了。。。

代理简单：

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js"></script>

<script>
$(document).ready(function(){
    setInterval(function() {
    $("#div1").load("/import_html");
}, 5000);
});
</script>

后面效果：

有兴趣的，可以加个按钮触发，类似如下：

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("/try/ajax/demo_test.txt");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>使用 jQuery AJAX 修改文本内容</h2></div>
<button>获取外部内容</button>

weixin_34014555

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用JQUERY实现局部页面定时刷新

没办法，运维会一点点前端，还是有好处的。。说不定，BOOTSTRAP也得会一点点。。本想用流式输出的搞定的，但没搞定，就取巧了。。。代理简单：&lt;script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="/...
复制链接

扫一扫