关键就在load方法,看一下官方解释
Load HTML from a remote file and inject it into the DOM.
A GET request will be performed by default - but if you pass in any extra parameters then a POST will occur.
In jQuery 1.2 you can now specify a jQuery selector in the URL.
Doing so will filter the incoming HTML document, only injecting the
elements that match the selector. The syntax looks something like “url
#some > selector”. Default selector “body>*” always applies. See
the examples for more information.
远程获取文件,然后插入到指定的节点中,默认为get方法,如果有其他的参数,则会使用post方法。jQuery1.2之后的版本可以指定选择器。
而我们知道jQuery的选择器之强大是出了名的,所以我们可以获取当前页某一节点的内容,然后插入到该节点中,就实现了局部刷新的效果。
如果你运行上面的这段代码,会发现IE下并没有效果,内容没有更新。这是因为IE有缓存,如果数据源的URL和当前的URL一致,那么IE就不会去更新内容。解决方法也很简单,加一个随机数就好了。最终版本:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(function(){
setInterval(function(){$("#cnt").load(location.href+"?rnd="+(Math.ceil(Math.random()*1000))+" #cnt");},3000);
});
</script>
<body>
<div id="cnt">
<?php echo date('y/m/d H:i:s').' <span style="color:red">memory usage:</span> '.memory_get_usage()?>
</div>
</body>
也可以获取同域下的其他文件,并在特定部分显示。如果要跨域获取内容的话,比较方便的方法是调用同域的php文件,然后在该php文件里通过file_get_contents之类的函数去远程抓取,说白了就是充当采集器的角色。
在线演示
分享到:
相关推荐
NULL 博文链接:https://evan0625.iteye.com/blog/617004
20120102 NET+jQuery 实现局部刷新+分页+高亮显示搜索内容 本人收藏了3年的资源 现放出 都是总结了很多系统 软件项目实施过程中的经验的 慢慢积累的
在项目中,经常会用到ajax,比如实现局部刷新,比如需要前后端交互等,这里呢分享局部刷新的两种方法,主要用的是ajax里面的.load()。感兴趣的朋友一起看看吧
.NET+jQuery 实现局部刷新+分页+高亮显示搜索内容 输入关键字、页数支持 “回车键” 查询。 查询关键字 “红色” 显示。 查询来源的关键字 “紫色” 显示。 可以自定义每页查询的条数。
NULL 博文链接:https://left-jessica.iteye.com/blog/739878
jquery实现的ajax聊天室,局部刷新,并且在右边能显示在线人员,以及发表情等!
jquery .ajax 局部刷新之后 刷新内容无法调用js.
能够实现页面局部刷新,及时掌握最新消息,例如小型的聊天功能
下面小编就为大家带来一篇jQuery 局部div刷新和全局刷新方法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
JQuery实现动态菜单以及刷新局部页面实例
JQuery局部刷新http://www.daxueit.com/article/3081.html
struts2+json+jquery局部刷新实现注册验证,包括前台的用户名、密码、手机、身份证、邮箱(包含发邮件技术)、邮箱验证码、验证码的验证,用到的是json+jquery,后台则是用struts2+java类
局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了。 例子,定时局部刷新 定时局部刷新用到jQuery里面的...
代码时从网上看到的,但是整合这个代码花了我一下午的世界,不错的资源,只是一个简单的实现刷新,struts2+jquery+ajax实现局部刷新的功能,这是一个完整的项目,直接导入到Myeclipse当中就能运行
这个是利用jquery.load方法实现从数据库取出数据局部刷新,是运行通过的,希望可以帮到你
使用jquery实现分页功能(局部刷新)
案例:如图我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新 原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库...
这是一个非常经典的jquery,局部刷新的小例子,非常实用,有需要的朋友,可以下载看看
jQuery ajax 局部刷新分页。mysql数据库
JQuery可收缩展开的级联菜单与局部刷新