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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
div层的移动及性能优化
Nov 16 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
sogou地图API用法实例教程
Sep 11 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
js获取字符串字节数方法小结
Jun 09 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
浅谈Express异步进化史
Sep 09 Javascript
浅谈vue路径优化之resolve
Oct 13 Javascript
javascript实现抢购倒计时程序
Aug 26 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
Aug 11 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/01/27 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
jQuery ui 1.7更新小结
2009/08/15 Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
2012/03/14 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
Javascript 遮罩层和加载效果代码
2013/08/01 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
IE10中flexigrid无法显示数据的解决方法
2015/07/26 Javascript
Bootstrap项目实战之子栏目资讯内容
2016/04/25 Javascript
JavaScript中的this引用(推荐)
2016/08/05 Javascript
使用JQuery选择HTML遍历函数的方法
2016/09/17 Javascript
微信小程序之MaterialDesign--input组件详解
2017/02/15 Javascript
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
对layui中表单元素的使用详解
2018/08/15 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
Windows下安装python2.7及科学计算套装
2015/03/05 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
快速解决vue.js 模板和jinja 模板冲突的问题
2019/07/26 Python
python并发编程多进程 互斥锁原理解析
2019/08/20 Python
Python 脚本拉取 Docker 镜像问题
2019/11/10 Python
数控专业个人求职信范例
2013/11/29 职场文书
自动化专业个人求职信范文
2013/12/30 职场文书
应届实习生的自我评价范文
2014/01/05 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
航海技术专业毕业生求职信
2014/04/06 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript