我们通常在执行一次ajax请求过后,需要更新界面上的某些内容,一般通过动态插入dom元素。
但如果改动较大,代码量就比较大。
此时可以采用jquery 的load方法来实现局部刷新
<div id="content">
<span ...>some thing</span>
...
...
</div>
$("#content").load(location.href + ' #content>*');
此时content里的内容就会被替换成最新的了,因为走的是完整的请求循环,所以,view模板上的一些权限判断等等都可以自动完成,非常方便。
注意content后面的>* (所有后代元素)不要忘记,不然他会把自身添加进来,就出现嵌套了
下面介绍全页面刷新方法:有时候可能会用到
window.location.reload()刷新当前页面.
分享到:
相关推荐
jquery .ajax 局部刷新之后 刷新内容无法调用js.
能够实现页面局部刷新,及时掌握最新消息,例如小型的聊天功能
在项目中,经常会用到ajax,比如实现局部刷新,比如需要前后端交互等,这里呢分享局部刷新的两种方法,主要用的是ajax里面的.load()。感兴趣的朋友一起看看吧
JQuery实现动态菜单以及刷新局部页面实例
局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了。 例子,定时局部刷新 定时局部刷新用到jQuery里面的...
NULL 博文链接:https://left-jessica.iteye.com/blog/739878
主要介绍了jquery控制页面部分刷新的方法,涉及jQuery中load方法的使用技巧,需要的朋友可以参考下
局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了。 例一(定时局部刷新) 定时局部刷新用
代码时从网上看到的,但是整合这个代码花了我一下午的世界,不错的资源,只是一个简单的实现刷新,struts2+jquery+ajax实现局部刷新的功能,这是一个完整的项目,直接导入到Myeclipse当中就能运行
案例:如图我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新 原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库...
用jquery.load的方法载入新的页面,以实现局部刷新,可结果发现载入进来的页面与原来单独的页面不一样,样式没了,关于这个问题,下面有个不错的解决方法
本文实例分两部分对jquery刷新问题进行介绍,第一部分介绍了呢页面局部刷新;第二部分介绍了页面全部刷新 第一:页面局部刷新 jQuery对Ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是laod()...
jquery css菜单隐藏、显示 局部刷新小例子
3、通过DOM方法或jQuery方法将数据载入页面,事件响应刷新完成。 $('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ type: "POST", url: "inquire_date.php", data: {
在做项目中发现,在使用了UpdatePanel的地方,局部刷新后,jquery失效了。 后来网上一查,才发现,jquery中的ready事件会在DOM完全加载后运行一次,而当我们实用了UpdatePanel,它只局部更新,并未重新加载页面所有...
div的局部刷新 $(“.dl”).load(location.href+” .dl”); 全页面的刷新方法 [removed].reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象...
在网页开发中,经常会需要不断的刷新某个页面或某个局部数据。这时候就需要用到定时刷新来实现了。实现方式就是使用JS setInterval函数每隔一段时间请求一次数据,然后将请求结果返回给前端HTML实现刷新。 实现代码...