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 相关文章推荐
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 Javascript
var与Javascript变量隐式声明
Sep 17 Javascript
简单的Jquery全选功能
Nov 07 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
May 11 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
jQuery创建自定义的选择器用以选择高度大于100的超链接实例
Mar 18 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 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
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP最常用的正则表达式
2017/02/13 PHP
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
jquery自定义函数的多种方法
2014/01/09 Javascript
JS中类或对象的定义说明
2014/03/10 Javascript
js检测浏览器版本、核心、是否移动端示例
2014/04/24 Javascript
wap浏览自动跳转到wap页面的js代码
2014/05/17 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
Javascript快速排序算法详解
2014/12/03 Javascript
7个有用的jQuery代码片段分享
2015/05/19 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
微信小程序 用户数据解密详细介绍
2017/01/09 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
vue兄弟组件传递数据的实例
2018/09/06 Javascript
vue-router 按需加载 component: () => import() 报错的解决
2020/09/22 Javascript
微信小程序调用后台service教程详解
2020/11/06 Javascript
Python3.0与2.X版本的区别实例分析
2014/08/25 Python
Python中functools模块函数解析
2017/03/12 Python
神经网络python源码分享
2017/12/15 Python
教你用Python创建微信聊天机器人
2020/03/31 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
Python实现爬虫从网络上下载文档的实例代码
2018/06/13 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
python 利用for循环 保存多个图像或者文件的实例
2018/11/09 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
python opencv将图片转为灰度图的方法示例
2019/07/31 Python
PyQt实现计数器的方法示例
2021/01/18 Python
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
毕业自荐信
2013/12/16 职场文书
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
《翻越远方的大山》教学反思
2014/04/13 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
法律专业大学生职业生涯规划书:向目标一步步迈进
2014/09/22 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP