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 相关文章推荐
用JavaScript事件串连执行多个处理过程的方法
Mar 09 Javascript
超棒的javascript页面顶部卷动广告效果
Dec 01 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 Javascript
js对象的构造和继承实现代码
Dec 05 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
jQuery知识点整理
Jan 30 Javascript
关于vue.js弹窗组件的知识点总结
Sep 11 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
Jul 03 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
Oct 30 Javascript
javascript实现留言板功能
Feb 08 Javascript
react-native 实现购物车滑动删除效果的示例代码
Jan 15 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
PHP基于数组实现的分页函数实例
2014/08/20 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
Laravel-添加后台模板AdminLte的实现方法
2019/10/08 PHP
Javascript与vbscript数据共享
2007/01/09 Javascript
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
通过正则格式化url查询字符串实现代码
2012/12/28 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
2013/01/25 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
Vuex之理解Store的用法
2017/04/19 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
Mint UI组件库CheckList使用及踩坑总结
2018/12/20 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
Python Matplotlib库入门指南
2015/05/18 Python
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
深入理解Python单元测试unittest的使用示例
2017/11/18 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
python能否java成为主流语言吗
2020/06/22 Python
店长岗位的工作内容
2013/11/12 职场文书
党员带头倡议书
2015/04/29 职场文书
2015年学校信息技术工作总结
2015/05/25 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
Golang并发工具Singleflight
2022/05/06 Golang