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的deferred对象使用详解
Aug 20 Javascript
javascript实现div的显示和隐藏的小例子
Jun 25 Javascript
jQuery $.extend()用法总结
Jun 15 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
May 05 Javascript
JS Ajax请求如何防止重复提交
Jun 13 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
Vue.Js中的$watch()方法总结
Mar 23 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 Javascript
使用js实现单链解决前端队列问题的方法
Feb 03 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
PHP4实际应用经验篇(1)
2006/10/09 PHP
php关闭warning问题的解决方法
2016/05/17 PHP
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
2018/03/15 PHP
php实现websocket实时消息推送
2018/03/30 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
Yii框架日志记录Logging操作示例
2018/07/12 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
php如何获取Http请求
2020/04/30 PHP
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
详解在 Angular 项目中添加 clean-blog 模板
2017/07/04 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
微信小程序 wx:for遍历循环使用实例解析
2019/09/09 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
jQuery实现增删改查
2020/12/22 jQuery
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
python3写爬取B站视频弹幕功能
2017/12/22 Python
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
详解Python读取yaml文件多层菜单
2019/03/23 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
使用python实现飞机大战游戏
2020/03/23 Python
Python 使用生成器代替线程的方法
2020/08/04 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
2013/02/04 HTML / CSS
马来西亚户外装备商店:PTT Outdoor
2019/07/13 全球购物
企业后勤岗位职责
2014/02/28 职场文书
mysql left join快速转inner join的过程
2021/06/30 MySQL
人民币符号
2022/02/17 杂记
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js