javascript IFrame 強制刷新代碼
更新時間:2009年07月23日 17:12:28 作者:
經(jīng)常會使用多個iframe來展示領(lǐng)域模型主子關(guān)系(主/子單),測試發(fā)現(xiàn)iframe是有cache功能的
當(dāng)?shù)谝淮螐闹鞔翱谶M(jìn)入到一個iframe簡稱{A}中,此時這個{A}中呈現(xiàn)的數(shù)據(jù)是新的,這時我又點了另外的一個iframe簡稱{B},這里{B}的數(shù)據(jù)也是新的,在{B}中進(jìn)行一些邏輯處理,如向{A}中批量增加模型數(shù)據(jù),這里我們再進(jìn)入到{A}中會發(fā)現(xiàn)數(shù)據(jù)是被緩存著的。因為是從{B}中對批量操作了{(lán)A}的數(shù)據(jù),{B}是與server通信的,也就是會進(jìn)行邏輯層/持久層操作,這樣server端更新的呈現(xiàn)部分是{B}而不是全部,這也就是局部刷新,只刷{B}。而我們需要做的是讓{A}中的內(nèi)容也跟著變。
解決方案:
·很明顯iframe.window.location.reload();不符合當(dāng)前需求。
·使用window.setTimeout(iframe.window.loadction.reload(),1000);這種方式會造成多次刷新,如果還要在{A}中對{B}的數(shù)據(jù)進(jìn)行更新呢?
·研究了半天,其實可以直接從iframe cache問題入手來解決,很easy,直接不讓它緩存不就完了,不緩存了,當(dāng)然也就用不著刷新了。
示例:
function doInsert2BatchCallBack() {
var pIf = parent.document.getElementById('IFRAME_A');
pIf.src = pIf.src + "&".concat(Math.random());
//提交批量導(dǎo)入請求
}
解決方案:
·很明顯iframe.window.location.reload();不符合當(dāng)前需求。
·使用window.setTimeout(iframe.window.loadction.reload(),1000);這種方式會造成多次刷新,如果還要在{A}中對{B}的數(shù)據(jù)進(jìn)行更新呢?
·研究了半天,其實可以直接從iframe cache問題入手來解決,很easy,直接不讓它緩存不就完了,不緩存了,當(dāng)然也就用不著刷新了。
示例:
復(fù)制代碼 代碼如下:
function doInsert2BatchCallBack() {
var pIf = parent.document.getElementById('IFRAME_A');
pIf.src = pIf.src + "&".concat(Math.random());
//提交批量導(dǎo)入請求
}
相關(guān)文章
JavaScript中:表達(dá)式和語句的區(qū)別[譯]
本文要講的是JavaScript中非常重要的兩個知識點:表達(dá)式(expressions)和語句(statements)之間的區(qū)別2012-09-09前端js使用xlsx-js-style導(dǎo)出Excel文件并修飾單元格樣式
這篇文章主要給大家介紹了關(guān)于前端js使用xlsx-js-style導(dǎo)出Excel文件并修飾單元格樣式的相關(guān)資料,前端開發(fā)過程中經(jīng)常遇到導(dǎo)出excel的需求,需要的朋友可以參考下2023-08-08全面解讀TypeScript和JavaScript的區(qū)別
TypeScript和JavaScript是目前項目開發(fā)中較為流行的兩種腳本語言, TypeScript是JavaScript的一個超集,JavaScript是一種輕量級的解釋性腳本語言,本文主要介紹了兩者區(qū)別,感興趣的可以了解一下2023-09-09JavaScript Event學(xué)習(xí)第四章 傳統(tǒng)的事件注冊模型
在這一章我會講解給元素注冊事件的最好的一種辦法,那就是:確保一個特定的事件在特定的HTML元素上發(fā)生并且能運行特定的腳本。2010-02-02深入理解JavaScript系列(1) 編寫高質(zhì)量JavaScript代碼的基本要點
才華橫溢的Stoyan Stefanov,在他寫的由O’Reilly初版的新書《JavaScript Patterns》(JavaScript模式)中,我想要是為我們的讀者貢獻(xiàn)其摘要,那會是件很美妙的事情2012-01-01解決layui中table異步數(shù)據(jù)請求不支持自定義返回數(shù)據(jù)格式的問題
今天小編就為大家分享一篇解決layui中table異步數(shù)據(jù)請求不支持自定義返回數(shù)據(jù)格式的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08