jQuery实现AJAX定时局部页面刷新
2012-11-01 09:38
861 查看
不时,我需要某种机制,不断刷新网页,以提供一个实时的仪表板某种。如果我只能刷新一个特定的页面的一部分,这将是很大的,例如:仪表盘上的交通灯显示系统状态。
这是很容易通过使用jQuery JavaScript库,只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库,我们只需要1行的JavaScript得到它的工作:
所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标签的一切,让我们说,每5秒:
这就是它!!因此,这是很容易完成一些实时监控的行为,只是那行代码。没有更奇怪的元刷新标记或iframe一种解决方法,在Web应用程序。
每5秒,我们将刷新内容相同的URL和所有元素,驻留在元素ID为content元素的内容:内容。
这是很容易通过使用jQuery JavaScript库,只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库,我们只需要1行的JavaScript得到它的工作:
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标签的一切,让我们说,每5秒:
setInterval(function() { $("#content").load(location.href+" #content>*",""); }, 5000);
这就是它!!因此,这是很容易完成一些实时监控的行为,只是那行代码。没有更奇怪的元刷新标记或iframe一种解决方法,在Web应用程序。
每5秒,我们将刷新内容相同的URL和所有元素,驻留在元素ID为content元素的内容:内容。
相关文章推荐
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时刷新局部页面实例
- jQuery实现AJAX定时刷新局部页面实例
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时刷新局部页面实例
- jQuery实现AJAX定时刷新局部页面实例
- jQuery实现AJAX定时刷新局部页面实例
- jQuery实现AJAX定时刷新局部页面
- 使用JQUERY实现局部页面定时刷新
- jquery 实现页面局部刷新ajax做法
- jquery 实现页面局部刷新ajax做法
- 用Ajax+js+jQuery实现无闪烁定时刷新页面 定时刷新
- 用Ajax+js+jQuery实现无闪烁定时刷新页面
- (局部刷新)jquery.ajax提交并实现单个div刷新
- 用Jquery.load载入页面实现局部刷新
- ajax,jquery,$.post/$.get异步刷新div,局部刷新页面
- jquery刷新页面的实现代码(局部及全页面刷新)