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 相关文章推荐
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
Ext GridPanel加载完数据后进行操作示例代码
Jun 17 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
概述jQuery的元素筛选
Nov 23 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
Vue表单控件绑定图文详解
Feb 11 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
使用Vue CLI创建typescript项目的方法
Aug 09 Javascript
Javascript异步编程async实现过程详解
Apr 02 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
Jul 21 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
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
基于PHP文件操作的详解
2013/06/05 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
一个经典的PHP文件上传类分享
2014/11/18 PHP
Yii2实现让关联字段支持搜索功能的方法
2016/08/10 PHP
关于php中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
IE的有条件注释判定IE版本详解(附实例代码)
2012/01/04 Javascript
Javascript表格翻页效果实现思路及代码
2013/08/23 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
js中不同的height, top的区别对比
2015/09/24 Javascript
js中对函数设置默认参数值的3种方法
2015/10/23 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
python使用datetime模块计算各种时间间隔的方法
2015/03/24 Python
python3大文件解压和基本操作
2017/12/15 Python
python监控进程状态,记录重启时间及进程号的实例
2019/07/15 Python
Django如何简单快速实现PUT、DELETE方法
2019/07/24 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
python 双循环遍历list 变量判断代码
2020/05/04 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
python 对xml解析的示例
2021/02/27 Python
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
俄罗斯马克西多姆家居用品网上商店:Максидом
2020/02/06 全球购物
医学院护理专业应届生求职信
2013/11/12 职场文书
婚庆公司的创业计划书
2014/01/22 职场文书
公务员年度考核评语
2014/12/31 职场文书
安全教育第一课观后感
2015/06/17 职场文书
文化苦旅读书笔记
2015/06/29 职场文书
护理培训心得体会
2016/01/22 职场文书