javascript IFrame 強(qiáng)制刷新代碼
更新時(shí)間：2009年07月23日 17:12:28 作者：
經(jīng)常會(huì)使用多個(gè)iframe來(lái)展示領(lǐng)域模型主子關(guān)系(主/子單)，測(cè)試發(fā)現(xiàn)iframe是有cache功能的
當(dāng)?shù)谝淮螐闹鞔翱谶M(jìn)入到一個(gè)iframe簡(jiǎn)稱{A}中，此時(shí)這個(gè){A}中呈現(xiàn)的數(shù)據(jù)是新的，這時(shí)我又點(diǎn)了另外的一個(gè)iframe簡(jiǎn)稱{B}，這里{B}的數(shù)據(jù)也是新的，在{B}中進(jìn)行一些邏輯處理，如向{A}中批量增加模型數(shù)據(jù)，這里我們?cè)龠M(jìn)入到{A}中會(huì)發(fā)現(xiàn)數(shù)據(jù)是被緩存著的。因?yàn)槭菑膡B}中對(duì)批量操作了{(lán)A}的數(shù)據(jù)，{B}是與server通信的，也就是會(huì)進(jìn)行邏輯層/持久層操作，這樣server端更新的呈現(xiàn)部分是{B}而不是全部，這也就是局部刷新，只刷{B}。而我們需要做的是讓{A}中的內(nèi)容也跟著變。
解決方案：
·很明顯iframe.window.location.reload()；不符合當(dāng)前需求。
·使用window.setTimeout(iframe.window.loadction.reload(),1000);這種方式會(huì)造成多次刷新，如果還要在{A}中對(duì){B}的數(shù)據(jù)進(jìn)行更新呢?
·研究了半天，其實(shí)可以直接從iframe cache問(wèn)題入手來(lái)解決，很easy，直接不讓它緩存不就完了，不緩存了，當(dāng)然也就用不著刷新了。
示例：
function doInsert2BatchCallBack() {
var pIf = parent.document.getElementById('IFRAME_A');
pIf.src = pIf.src + "&".concat(Math.random());
//提交批量導(dǎo)入請(qǐng)求
}
解決方案：
·很明顯iframe.window.location.reload()；不符合當(dāng)前需求。
·使用window.setTimeout(iframe.window.loadction.reload(),1000);這種方式會(huì)造成多次刷新，如果還要在{A}中對(duì){B}的數(shù)據(jù)進(jìn)行更新呢?
·研究了半天，其實(shí)可以直接從iframe cache問(wèn)題入手來(lái)解決，很easy，直接不讓它緩存不就完了，不緩存了，當(dāng)然也就用不著刷新了。
示例：
復(fù)制代碼 代碼如下:
function doInsert2BatchCallBack() {
var pIf = parent.document.getElementById('IFRAME_A');
pIf.src = pIf.src + "&".concat(Math.random());
//提交批量導(dǎo)入請(qǐng)求
}
相關(guān)文章
教你JavaScript利用charAt()統(tǒng)計(jì)出現(xiàn)次數(shù)最多的字符和次數(shù)
這篇文章主要介紹了JavaScript利用charAt()統(tǒng)計(jì)出現(xiàn)次數(shù)最多的字符和次數(shù)的操作方法，本文以判斷一個(gè)字符串'aabcdobdackoppz'中出現(xiàn)次數(shù)最多的字符，并統(tǒng)計(jì)其次數(shù)為例，通過(guò)實(shí)例代碼給大家詳細(xì)介紹，需要的朋友參考下吧2021-08-08
本文給大家?guī)?lái)兩種js中查找字符串中出現(xiàn)次數(shù)最多的字符，在這兩種方法中小編推薦使用第二種，對(duì)js查找字符串出現(xiàn)次數(shù)的相關(guān)知識(shí)感興趣的朋友一起看看吧2016-09-09
javascript前端實(shí)現(xiàn)多視頻上傳
這篇文章主要為大家詳細(xì)介紹了javascript前端實(shí)現(xiàn)多視頻上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了JavaScript控制臺(tái)的更多功能，想了解控制臺(tái)更多功能的同學(xué)，一定要看一下2021-04-04
這篇文章主要為大家詳細(xì)介紹了Echarts實(shí)現(xiàn)單條折線可拖拽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
原生js實(shí)現(xiàn)點(diǎn)擊輪播切換圖片
這篇文章主要為大家詳細(xì)介紹了原生js點(diǎn)擊輪播切換圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
用webpack4開發(fā)小程序的實(shí)現(xiàn)方法
這篇文章主要介紹了用webpack4開發(fā)小程序的實(shí)現(xiàn)方法，分享通過(guò)webpack來(lái)構(gòu)建小程序的開發(fā)架構(gòu)，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了js創(chuàng)建對(duì)象的方法，js一個(gè)有三種方法創(chuàng)建對(duì)象，這里為大家做一個(gè)總結(jié)，感興趣的小伙伴們可以參考一下2016-01-01
firefox中用javascript實(shí)現(xiàn)鼠標(biāo)位置的定位
firefox中用javascript實(shí)現(xiàn)鼠標(biāo)位置的定位...2007-06-06
JavaScript函數(shù)內(nèi)部屬性和函數(shù)方法實(shí)例詳解
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。通過(guò)本文給大家介紹JavaScript函數(shù)內(nèi)部屬性和函數(shù)方法，感興趣的朋友一起學(xué)習(xí)吧2016-03-03