码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-04-23 09:24:05      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:

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

说不定,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>

 

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

标签:

原文地址:http://www.cnblogs.com/aguncn/p/4449363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!