js实现页面指定div局部刷新
2018-01-30 12:31
477 查看
最近写网页,通过ajax读取服务器信息,然后利用innerHTML给指定的div填充内容,当需要修改其中内容的时候,想要局部刷新这个div里面的内容,类似location.reload(), location.href等方法都会刷新整个页面。于是,使用下面的方法实现:
将innerHTML所在的方法用一个单独的函数写出来,然后需要时再调用。
如function Load(){
.......
......document.getElementById(".....").innerHTML=......;
}
然后,需要刷新该div的时候就调用一下该Load()函数,这样就避免了整个页面刷新了。如:
页面加载完毕执行:$(Load());
执行某ajax后执行:$.ajax({
url : ...,
data : ......,
type : 'post',
success:function(e){
Load();//调用
}})
将innerHTML所在的方法用一个单独的函数写出来,然后需要时再调用。
如function Load(){
.......
......document.getElementById(".....").innerHTML=......;
}
然后,需要刷新该div的时候就调用一下该Load()函数,这样就避免了整个页面刷新了。如:
页面加载完毕执行:$(Load());
执行某ajax后执行:$.ajax({
url : ...,
data : ......,
type : 'post',
success:function(e){
Load();//调用
}})
相关文章推荐
- 使用js callback机制实现调用页面局部刷新 推荐
- 页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置
- js页面刷新之实现框架内外刷新(整体、局部)
- js实现页面局部刷新
- js实现页面刷新和跳转(指定时间)
- js局部刷新页面时间具体实现
- iframe + js 实现HTML局部刷新页面
- Js实现页面局部刷新的代码一例
- jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
- JS/Jquery_实现打印页面指定div的方法_个人总结
- js实现div滚动条在页面刷新 滚动条位置固定
- meta标签和JS实现页面刷新与重定向
- js 实现用window.print()打印页面中的部分内容,局部打印
- 用js来刷新当前页面保留参数的具体实现
- 用js来刷新当前页面保留参数的具体实现
- jquery 页面滚动到指定DIV实现代码
- 由于设计页面需要,要把两个并排显示的 div 实现一样高的效果, n 行 n 列布局,每列高度(事先并不能确定哪列的高度)相同,每个设计师追求的目标。方法有以下几种: 1 JS 实现(判断 2 个 d
- div+css实现页面局部打印
- js方式实现页面跳转或刷新