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 相关文章推荐
Ajax::prototype 源码解读
Jan 22 Javascript
JS解析XML的实现代码
Nov 12 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
用node和express连接mysql实现登录注册的实现代码
Jul 05 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
Jul 24 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
原生js实现html手机端城市列表索引选择城市
Jun 24 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数据库连接
2006/10/09 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
dreamweaver 8实现Jquery自动提示
2014/12/04 Javascript
用Move.js配合创建CSS3动画的入门指引
2015/07/22 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
2017/01/17 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
vue项目中的webpack-dev-sever配置方法
2017/12/14 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
Angular 数据请求的实现方法
2018/05/07 Javascript
详解在Node.js中发起HTTP请求的5种方法
2019/01/10 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
2019/02/10 Javascript
[01:12]DOTA2 2015年秋季互动指南
2015/11/10 DOTA
python字符串连接方法分析
2016/04/12 Python
详解python中requirements.txt的一切
2017/03/03 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
Python引用传值概念与用法实例小结
2017/10/07 Python
Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)
2018/04/30 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
使用Python的Turtle绘制哆啦A梦实例
2019/11/21 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
python 实现非极大值抑制算法(Non-maximum suppression, NMS)
2020/10/15 Python
HTML5实现获取地理位置信息并定位功能
2015/04/25 HTML / CSS
雅诗兰黛旗下走天然植物路线的彩妆品牌:Prescriptives
2016/08/14 全球购物
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
自荐信格式写作方法有哪些呢
2013/11/20 职场文书
2015年度党员个人总结
2015/02/14 职场文书
材料采购员岗位职责
2015/04/03 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript
Go 在 MongoDB 中常用查询与修改的操作
2021/05/07 Golang