回退上一個頁面時如何保證之前的資料還在,即回退時不重新整理頁面
最近寫頁面跳轉時遇到一個小問題,頁面A如下:
當點選操作按鈕時進入下面這個頁面,
點選返回,回退到上一個頁面時,如下:
之前選擇好的業務型別本該回顯的,沒了。網上查了一下,是js程式碼的問題,我的js程式碼在回退操作中是這麼寫的
function back(){
history.back(-1);
}
history.back(-1);的作用是:直接返回當前頁面的前一個頁面,並且重新整理該頁面。於是我換成history.go(-1)。
history.go(-1)的作用是:直接返回當前頁面的前一個頁面,但是不重新整理該頁面,即表單的內容依舊保持。測試發現,文字框中的內容回顯了,但是下拉框的內容還是不顯示,於是想了另一個辦法,如下:
在點選返回之前,定義一個flag=1並放到session中傳下去,在前一個頁面執行Init()方法時判斷如果flag不為1則進行重新整理,如果為1就不重新整理。測試看效果,發現不僅本來的下拉框沒有顯示,居然連其他需要回顯的內容也不見了,,,無奈啊,只能採用終極辦法:
和業務溝通下,將點選詳情顯示新頁面改成顯示一個彈窗,這樣在彈窗中的操作不會影響前要頁面的顯示。程式碼如下:
這樣改不是好辦法,因為肯定有辦法能做到不修改成彈窗該回顯的還是回顯,後續我找到高效的方法再補充了。
相關文章
- vue單頁應用如何在頁面重新整理時保留狀態資料Vue
- Angular 應用如何回退到之前曾經瀏覽過的頁面Angular
- js進入詳情頁再返回到上一個列表頁面時怎麼能讓原來頁面資料不變JS
- JS頁面重新整理保持資料不丟失JS
- js/jquery禁止頁面回退JSjQuery
- 如何判斷使用者正在操作頁面?當頁面一個小時沒有操作時跳轉到指定頁面如何做?
- iOS UITableView資料為空時提示頁面iOSUIView
- 如何實現頁面重新整理後不定位到之前的滾動位置?
- 如何在頁面跳轉後,再返回上級頁面時,保留檢索條件,重新整理內容
- sendBeacon 重新整理/關閉頁面之前傳送請求
- 底部導航在一級頁面顯示,二級頁面不顯示
- vuex頁面重新整理後資料丟失Vue
- 小程式頁面返回重新整理資料onLoad和onShow頁面傳參解決
- React通過redux快取列表資料以及滑動位置,回退時恢復頁面狀態ReactRedux快取
- Web Beacon 重新整理/關閉頁面之前傳送請求Web
- 移動端頁面不滿一屏時如何實現滿屏背景?
- 第一個頁面
- SpringBoot在controller返回一個HTML頁面Spring BootControllerHTML
- video.js 一個頁面同時播放多個視訊IDEJS
- asyUI分頁中,如何實現頁面跳轉,再返回時,...UI
- vite 構建工具 如何熱更新靜態頁面?自動重新整理頁面Vite
- eladmin 打包專案放到頁面重新整理丟失頁面
- Flutter頁面保活及保持頁面跳轉位置Flutter
- 對空資料頁面等公共頁面實現的一些思考
- Vue 頁面狀態保持頁面間資料傳輸的一種方法Vue
- 如何使用jquery重新整理當前頁面jQuery
- 微信小程式蘋果手機上下拉重新整理,回彈時頁面越界問題微信小程式蘋果
- vue中重新整理頁面時去閃爍,提升體驗方法Vue
- Vue+WebSocket 實現頁面實時重新整理長連線VueWeb
- 【easyui】開啟的tab頁同頁面引數不同頁面內容不重新整理UI
- 在同一個頁面中新增多個CollectionViewView
- 教你如何寫第一個jsp頁面JS
- 如何在web頁面關閉或重新整理之前,傳送Ajax到服務端Web服務端
- 進入編輯頁面時,如何把游標聚焦到第一個input?
- 我對空資料頁面等公共頁面實現的一些想法
- vue學習:使用tab標籤頁時,重新整理頁面停留在當前tabVue
- weex生成的單頁應用嵌入app中,點選物理返回鍵時如何返回上一個路由頁面,而不是直接退出單頁應用,回到原生app頁面APP路由
- js cookie 頁面倒數計時JSCookie
- vuex頁面重新整理資料丟失的解決辦法Vue