javascript IFrame 強制刷新代碼

更新時間：2009年07月23日 17:12:28 作者：

經(jīng)常會使用多個iframe來展示領域模型主子關系(主/子單)，測試發(fā)現(xiàn)iframe是有cache功能的

當?shù)谝淮螐闹鞔翱谶M入到一個iframe簡稱{A}中，此時這個{A}中呈現(xiàn)的數(shù)據(jù)是新的，這時我又點了另外的一個iframe簡稱{B}，這里{B}的數(shù)據(jù)也是新的，在{B}中進行一些邏輯處理，如向{A}中批量增加模型數(shù)據(jù)，這里我們再進入到{A}中會發(fā)現(xiàn)數(shù)據(jù)是被緩存著的。因為是從{B}中對批量操作了{A}的數(shù)據(jù)，{B}是與server通信的，也就是會進行邏輯層/持久層操作，這樣server端更新的呈現(xiàn)部分是{B}而不是全部，這也就是局部刷新，只刷{B}。而我們需要做的是讓{A}中的內容也跟著變。

解決方案：
·很明顯iframe.window.location.reload()；不符合當前需求。
·使用window.setTimeout(iframe.window.loadction.reload(),1000);這種方式會造成多次刷新，如果還要在{A}中對{B}的數(shù)據(jù)進行更新呢?
·研究了半天，其實可以直接從iframe cache問題入手來解決，很easy，直接不讓它緩存不就完了，不緩存了，當然也就用不著刷新了。
示例：

復制代碼代碼如下:

 
function doInsert2BatchCallBack() { 
var pIf = parent.document.getElementById('IFRAME_A'); 
pIf.src = pIf.src + "&".concat(Math.random()); 
//提交批量導入請求 
} 

您可能感興趣的文章:

教你JavaScript利用charAt()統(tǒng)計出現(xiàn)次數(shù)最多的字符和次數(shù)
這篇文章主要介紹了JavaScript利用charAt()統(tǒng)計出現(xiàn)次數(shù)最多的字符和次數(shù)的操作方法，本文以判斷一個字符串'aabcdobdackoppz'中出現(xiàn)次數(shù)最多的字符，并統(tǒng)計其次數(shù)為例，通過實例代碼給大家詳細介紹，需要的朋友參考下吧
2021-08-08
JS查找字符串中出現(xiàn)次數(shù)最多的字符
本文給大家?guī)韮煞Njs中查找字符串中出現(xiàn)次數(shù)最多的字符，在這兩種方法中小編推薦使用第二種，對js查找字符串出現(xiàn)次數(shù)的相關知識感興趣的朋友一起看看吧
2016-09-09
javascript前端實現(xiàn)多視頻上傳
這篇文章主要為大家詳細介紹了javascript前端實現(xiàn)多視頻上傳，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
JavaScript控制臺的更多功能
這篇文章主要介紹了JavaScript控制臺的更多功能，想了解控制臺更多功能的同學，一定要看一下
2021-04-04
Echarts實現(xiàn)單條折線可拖拽效果
這篇文章主要為大家詳細介紹了Echarts實現(xiàn)單條折線可拖拽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
原生js實現(xiàn)點擊輪播切換圖片
這篇文章主要為大家詳細介紹了原生js點擊輪播切換圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02
用webpack4開發(fā)小程序的實現(xiàn)方法
這篇文章主要介紹了用webpack4開發(fā)小程序的實現(xiàn)方法，分享通過webpack來構建小程序的開發(fā)架構，感興趣的小伙伴們可以參考一下
2019-06-06
js創(chuàng)建對象的方法匯總
這篇文章主要介紹了js創(chuàng)建對象的方法，js一個有三種方法創(chuàng)建對象，這里為大家做一個總結，感興趣的小伙伴們可以參考一下
2016-01-01
firefox中用javascript實現(xiàn)鼠標位置的定位
firefox中用javascript實現(xiàn)鼠標位置的定位...
2007-06-06
JavaScript函數(shù)內部屬性和函數(shù)方法實例詳解
函數(shù)是由事件驅動的或者當它被調用時執(zhí)行的可重復使用的代碼塊。通過本文給大家介紹JavaScript函數(shù)內部屬性和函數(shù)方法，感興趣的朋友一起學習吧
2016-03-03