內(nèi)嵌頁面session超時，內(nèi)嵌頁面顯示登錄界面問題解決方案

我們在開發(fā)web項(xiàng)目的時候 經(jīng)常用到iframe嵌套，這里的話 不管是開發(fā)的時候，還是正式環(huán)境使用。當(dāng)session超時，或者重啟項(xiàng)目，內(nèi)嵌的頁面會跳轉(zhuǎn)到登錄頁面；

如上圖，用戶體驗(yàn)很差；

解決思路 我們在登錄頁面 進(jìn)行判斷 假如是 內(nèi)嵌的頁面，我們就找到他的 最頂層父頁面，然后然后父頁面 進(jìn)行 重定向到登錄頁面即可；

核心代碼實(shí)現(xiàn)；

$(function(){

? ? ? ? if(self!=top){? // 判斷當(dāng)前頁面是否是頂層頁面

? ? ? ? ? ? var topWindow=window; // 定義最頂層頁面? 把當(dāng)前頁面賦值給topWindow

? ? ? ? ? ? while(topWindow.parent!=topWindow){? // 不斷的循環(huán) 把當(dāng)前頁面的父頁面與頂層頁面對象比較 直到相同

? ? ? ? ? ? ? ? topWindow=topWindow.parent;

? ? ? ? ? ? }

? ? ? ? ? ? topWindow.location.href="/login"; // 頂層頁面跳轉(zhuǎn)到 登錄頁面

? ? ? ? }

});

總結(jié)

以上是生活随笔為你收集整理的内嵌iframe_内嵌页面session超时，内嵌页面显示登录界面问题解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。