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 相关文章推荐
模拟jQuery ajax服务器端与客户端通信的代码
Mar 28 Javascript
JavaScript打开word文档的实现代码(c#)
Apr 16 Javascript
如何将JS的变量值传递给ASP变量
Dec 10 Javascript
checkbox选中与未选中判断示例
Aug 04 Javascript
jquery的总体架构分析及实现示例详解
Nov 08 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
vue 不使用select实现下拉框功能(推荐)
May 17 Javascript
重新认识vue之事件阻止冒泡的实现
Aug 02 Javascript
JS如何把字符串转换成json
Feb 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
php 应用程序安全防范技术研究
2009/09/25 PHP
php比较两个字符串长度的方法
2015/07/13 PHP
PHP中SESSION过期设置
2021/03/09 PHP
表单提交时自动复制内容到剪贴板的js代码
2007/03/16 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
2010/08/01 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
Javascript和Java获取各种form表单信息的简单实例
2014/02/14 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
2016/11/30 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
JS实现移动端判断上拉和下滑功能
2017/08/07 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
2017/09/28 Javascript
Vue filter介绍及详细使用
2018/04/04 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
Cython 三分钟入门教程
2009/09/17 Python
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
在python3.5中使用OpenCV的实例讲解
2018/04/02 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
Python爬虫获取图片并下载保存至本地的实例
2018/06/01 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
使用PIL(Python-Imaging)反转图像的颜色方法
2019/01/24 Python
python 图像增强算法实现详解
2021/01/24 Python
python解包用法详解
2021/02/17 Python
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
新闻网站实习自我鉴定
2013/09/25 职场文书
巧克力蛋糕店创业计划书
2014/01/14 职场文书
求职自荐信怎么写
2014/03/06 职场文书
二年级语文上册复习计划
2015/01/19 职场文书
入党积极分子半年考察意见
2015/06/02 职场文书
MySQL数据库之存储过程 procedure
2022/06/16 MySQL