首頁猿問頁面跳轉(zhuǎn)后返回原頁面回到原頁面跳轉(zhuǎn)...

頁面跳轉(zhuǎn)后返回原頁面回到原頁面跳轉(zhuǎn)前的位置怎么實(shí)現(xiàn)？

Android Html5 JavaScript

慕粉1430088708 2017-05-22 09:28:31

移動端A頁面用了iscroll插件滾動顯示訂單，通過幾次ajax加載更多的訂單后點(diǎn)擊訂單詳情跳轉(zhuǎn)到訂單詳情B頁面，要求是從B頁面返回時(shí)（如安卓手機(jī)點(diǎn)擊安卓手機(jī)的返回鍵）不刷新頁面并停留在點(diǎn)擊訂單詳情的那個(gè)訂單的位置上？用了history，onbeforeunload好像都實(shí)現(xiàn)不了，如果A頁面沒經(jīng)過ajax加載更多怎么實(shí)現(xiàn)，若加載了幾次又怎么實(shí)現(xiàn)呢

查看完整描述

1 回答

已采納

woshiajuana

TA貢獻(xiàn)211條經(jīng)驗(yàn) 獲得超152個(gè)贊

你都不做數(shù)據(jù)緩存嗎，如果沒有用到框架，那思路可以這樣

假如一頁有20項(xiàng)數(shù)據(jù)，下拉每次加載10條，然后你要把這些數(shù)據(jù)都給存在session Storage中，然后你跳轉(zhuǎn)訂單詳情的時(shí)候要把滾動條的位置緩存在session Storage，再一次回退到這個(gè)頁面到時(shí)候，先去取數(shù)據(jù)，然后再讓滾動條滾動到你記錄的位置即可

流程就是訂單頁，先去判斷sessionStorage有沒有緩存訂單數(shù)據(jù)，如果有，則獲取訂單數(shù)據(jù)渲染頁面，再獲取sessionStorage中的位置信息，如果位置信息沒有，則滾動距離默認(rèn)為0，有的話讓滾動條滾動到指定位置。如果sessionStorage中沒有訂單數(shù)據(jù)，則先用ajax去獲取訂單數(shù)據(jù)，然后執(zhí)行存儲sessionStorage

下拉加載數(shù)據(jù)，把數(shù)據(jù)要與之前請求的數(shù)據(jù)合并在同一個(gè)數(shù)組里，然后再緩存在sessionStorage中

跳訂單詳情頁面的時(shí)候，記得緩存滾動條的位置

1 反對回復(fù) 2017-05-22

慕粉1430088708
非常感謝回答，我這的業(yè)務(wù)情況是訂單列表包裹在iscroll插件下的，每次ajax向后臺傳條件從而返回?cái)?shù)據(jù)到頁面再進(jìn)行渲染，這個(gè)條件不止是分頁數(shù)還有其他篩選條件，如果從緩存中取數(shù)據(jù)那下一次加載就不能保證是在篩選條件下需要的數(shù)據(jù)，你的解決方法對于只有分頁數(shù)作為條件的自動加載滾動成立我發(fā)現(xiàn)IOS上點(diǎn)擊訂單詳情返回上一頁是直接讀的緩存，頁面并未刷新并直接記錄跳轉(zhuǎn)前的狀態(tài)（不考慮新數(shù)據(jù)插入得刷新頁面的情況），這個(gè)能不通過js滾動而直接用瀏覽器緩存實(shí)現(xiàn)么

回復(fù) 2017-05-22
woshiajuana
不沖突的呀，無論是分頁加載還是下拉加載還是篩選，你都是把篩選的條件傳遞給后臺，后臺開發(fā)返回給你json數(shù)據(jù) 例如你訂單頁首次進(jìn)來，用一個(gè)變量去存儲用戶的篩選條件，首次進(jìn)來，用戶當(dāng)然沒有篩選，請求20條數(shù)據(jù)，用戶滑動頁面，看到最后一條數(shù)據(jù)，觸發(fā)下拉再次去請求第二頁的數(shù)據(jù)。把得到的數(shù)據(jù)與之前的數(shù)據(jù)放在一起。這個(gè)時(shí)候用戶輸入篩選條件，點(diǎn)擊篩選，你記錄一下用戶的篩選條件，重新把用戶的篩選條件傳遞給后臺，后臺返回json數(shù)據(jù)，下拉觸發(fā)重新請求，因?yàn)槟愫Y選條件變量存儲有用戶的篩選條件，請求的就是第二頁篩選的數(shù)據(jù) 這個(gè)你得找開發(fā)配合一下，比如定一個(gè)條件字段x,當(dāng)后臺接收到x的數(shù)據(jù)為空，就代表用戶沒有篩選數(shù)據(jù)，反正則篩選用戶的數(shù)據(jù)

回復(fù) 2017-05-22
慕粉1430088708
可以可以，已經(jīng)用你給的思路解決了，但是不能不通過js什么的直接用history對象讀取緩存頁面解決這個(gè)問題嗎？

回復(fù) 2017-05-22