javascript IFrame 强制刷新代码


Posted in Javascript onJuly 23, 2009

当第一次从主窗口进入到一个iframe简称{A}中,此时这个{A}中呈现的数据是新的,这时我又点了另外的一个iframe简称{B},这里{B}的数据也是新的,在{B}中进行一些逻辑处理,如向{A}中批量增加模型数据,这里我们再进入到{A}中会发现数据是被缓存着的。因为是从{B}中对批量操作了{A}的数据,{B}是与server通信的,也就是会进行逻辑层/持久层操作,这样server端更新的呈现部分是{B}而不是全部,这也就是局部刷新,只刷{B}。而我们需要做的是让{A}中的内容也跟着变。

解决方案:
·很明显iframe.window.location.reload();不符合当前需求。
·使用window.setTimeout(iframe.window.loadction.reload(),1000);这种方式会造成多次刷新,如果还要在{A}中对{B}的数据进行更新呢?
·研究了半天,其实可以直接从iframe cache问题入手来解决,很easy,直接不让它缓存不就完了,不缓存了,当然也就用不着刷新了。
示例:

function doInsert2BatchCallBack() { 
var pIf = parent.document.getElementById('IFRAME_A'); 
pIf.src = pIf.src + "&".concat(Math.random()); 
//提交批量导入请求 
}
Javascript 相关文章推荐
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
Jan 05 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
Mar 08 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
Aug 12 Javascript
基于layui table返回的值的多级嵌套的解决方法
Sep 19 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
Feb 12 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 Javascript
JavaScript声明变量和数据类型的转换
Apr 12 Javascript
使用Cargo工具高效创建Rust项目
Aug 14 Javascript
jQuery TextBox自动完成条
Jul 22 #Javascript
JavaScript 动态生成方法的例子
Jul 22 #Javascript
模仿jQuery each函数的链式调用
Jul 22 #Javascript
js 代码集(学习js的朋友可以看下)
Jul 22 #Javascript
javascript Base类 包含基本的方法
Jul 22 #Javascript
javascript 表单规则集合对象
Jul 21 #Javascript
一个可以随意添加多个序列的tag函数
Jul 21 #Javascript
You might like
PL-880隐藏功能
2021/03/01 无线电
打造计数器DIY三步曲(上)
2006/10/09 PHP
新闻分类录入、显示系统
2006/10/09 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
学习JS面向对象成果 借国庆发布个最新作品与大家交流
2009/10/03 Javascript
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
js获得参数的getParameter使用示例
2014/02/26 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
30分钟快速实现小程序语音识别功能
2018/11/27 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
2020/04/17 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
python中使用mysql数据库详细介绍
2015/03/27 Python
CentOS中使用virtualenv搭建python3环境
2015/06/08 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
python 统计列表中不同元素的数量方法
2018/06/29 Python
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
处理Selenium3+python3定位鼠标悬停才显示的元素
2019/07/31 Python
Python 通过微信控制实现app定位发送到个人服务器再转发微信服务器接收位置信息
2019/08/05 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
Django的ListView超详细用法(含分页paginate)
2020/05/21 Python
python 模块导入问题汇总
2021/02/01 Python
html5 video全屏播放/自动播放的实现示例
2020/08/06 HTML / CSS
儿科主治医生个人求职信
2013/09/23 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
毕业生求职自荐信(2016最新版)
2016/01/28 职场文书
详解Python函数print用法
2021/06/18 Python
MYSQL如何查看操作日志详解
2022/05/30 MySQL