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动态设置样式实现代码(2)
Jan 25 Javascript
下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
Sep 18 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
JS函数的几种定义方式分析
Dec 17 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 Javascript
详解离线安装npm包的几种方法
Nov 25 Javascript
使用rollup打包JS的方法步骤
Dec 05 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 Javascript
JS实现简易计算器
Feb 14 Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
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检查是否是ajax请求的方法
2015/04/16 PHP
PHP 500报错的快速解决方法
2016/12/14 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
2015/11/19 Javascript
Immutable 在 JavaScript 中的应用
2016/05/02 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
3种不同的ContextMenu右键菜单实现代码
2016/11/03 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
2016/11/09 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
Vuex 入门教程
2018/01/10 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
[00:33]DOTA2上海特级锦标赛 CDEC战队宣传片
2016/03/04 DOTA
在Linux系统上部署Apache+Python+Django+MySQL环境
2015/12/24 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
Python字符串的修改方法实例
2019/12/19 Python
对python中arange()和linspace()的区别说明
2020/05/03 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
浅析Python面向对象编程
2020/07/10 Python
Python生成器传参数及返回值原理解析
2020/07/22 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
COS美国官网:知名服装品牌
2019/04/08 全球购物
俄罗斯购买内衣网站:Trusiki
2020/08/22 全球购物
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
技校毕业生的自我评价
2013/12/27 职场文书
超市端午节活动方案
2014/01/23 职场文书
大学生社会实践评语
2014/04/25 职场文书
学生手册评语
2014/05/05 职场文书
检查机关领导群众路线教育实践活动个人整改措施
2014/10/28 职场文书
工作经验交流材料
2014/12/30 职场文书
教代会开幕词
2015/01/28 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书