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 相关文章推荐
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
处理及遍历XML文档DOM元素属性及方法整理
Aug 23 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 Javascript
JavaScript简单修改窗口大小的方法
Aug 03 Javascript
JS更改select内option属性的方法
Oct 14 Javascript
Angularjs 实现动态添加控件功能
May 25 Javascript
vue 的keep-alive缓存功能的实现
Mar 22 Javascript
vue 之 css module的使用方法
Dec 04 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
Feb 10 Javascript
超详细小程序定位地图模块全系列开发教学
Nov 24 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类中Static方法效率测试代码
2010/10/17 PHP
php判断输入不超过mysql的varchar字段的长度范围
2011/06/24 PHP
PHP修改session_id示例代码
2014/01/08 PHP
php定界符
2014/06/19 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
用JQuery调用Session的实现代码
2010/10/29 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
2016/09/05 Javascript
jquery实现全选、不选、反选的两种方法
2016/09/06 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
Angular2入门--架构总览
2017/03/29 Javascript
浅谈Vuejs Prop基本用法
2017/08/17 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
JavaScript监听一个DOM元素大小变化
2020/04/26 Javascript
jQuery 实现扁平式小清新导航
2020/07/07 jQuery
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
Python Tkinter简单布局实例教程
2014/09/03 Python
Python读取键盘输入的2种方法
2015/06/16 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
阿拉伯书店:Jamalon
2019/07/24 全球购物
2014年公路养护工作总结
2014/12/04 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
篮球赛新闻稿
2015/07/17 职场文书
JavaScript的Set数据结构详解
2022/02/18 Javascript
JavaWeb Servlet开发注册页面实例
2022/04/11 Java/Android
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang