javascript IFrame 強制刷新代碼

2024-05-06 14:14:41

字體：大中小

來源：轉載

供稿：網友

當第一次從主窗口進入到一個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 ImgBox透明遮罩層背景圖片展示

下一篇：JQuery 學習筆記選擇器之五