我有頁面中的產品列表。此產品列表僅顯示5.點擊'顯示額外'按鈕後,它會顯示剩餘的產品。歷史Goback不工作
好吧,我點擊'顯示額外'按鈕後,它會顯示接下來的5個產品。所以現在共有8款產品。從剩下的5個產品中,當我點擊任何一個產品鏈接(href)時,它會進入下一頁。問題是,從下一頁當我點擊'返回'按鈕時,它會回到頁面,但在這個時候,產品數量仍然是5,而不是10。但是我需要以前裝入的產品,因爲它是怎麼回事。如果我馬上說,歷史記錄不起作用。
請給我建議。
我有頁面中的產品列表。此產品列表僅顯示5.點擊'顯示額外'按鈕後,它會顯示剩餘的產品。歷史Goback不工作
好吧,我點擊'顯示額外'按鈕後,它會顯示接下來的5個產品。所以現在共有8款產品。從剩下的5個產品中,當我點擊任何一個產品鏈接(href)時,它會進入下一頁。問題是,從下一頁當我點擊'返回'按鈕時,它會回到頁面,但在這個時候,產品數量仍然是5,而不是10。但是我需要以前裝入的產品,因爲它是怎麼回事。如果我馬上說,歷史記錄不起作用。
請給我建議。
嘗試這種
javascript: history.go(-1)
<input type="button" value="Back" onClick="history.go(-1)">
history.back()和history.go(-1)完全相同的方法。 當然,history.go()可以採用其他參數,包括URL或標題,而history.back()只能做一件事。
history.previous是一個屬性,它返回歷史對象中前一個 項目的URL。
VAR最後URL = history.previous
然而,這是一個安全問題,需要從訪問者 明確許可簽署的腳本成功地使用 history.previous,.current,。接下來。與history.back()和history.go()方法不同,這一個不可設置。它只能得到。
後,你將重新加載頁面的數據將丟失,當然:) ...您可以使用瀏覽器存儲來保存加載的數據數量和後重裝...... w3schools.com/html/再次加載相同的數據html5_webstorage.asp 享受:)
history goback
正按預期在你的榜樣。當您點擊goBack button
時,請儘量避免使用server call
。只是做頁面導航回
試試這個。
<input type="button" value="Back" onClick="history.go(-1)">
OR嘗試這樣
<script>
function goBack() {
window.history.back()
}
</script>
<body>
<button onclick="goBack()">Go Back</button>
</body>
是的,它是Ajax加載。最初該頁面加載了5個產品。點擊「顯示額外」按鈕後,顯示額外5種產品。所以完全可以在第10頁的產品中找到。例如,如果我點擊第7個產品,它會重定向到詳細信息頁面。在詳細信息頁面中,我有返回按鈕返回到點擊的產品(這裏7日)。但它不會回到7日。相反,它會進入頁面的下方,而不會顯示剩餘的5種產品。我希望它需要重定向到點擊產品。或至少顯示10種產品的相同狀態。 – kuttyraj
我認爲你點擊後退按鈕時你的服務器調用命中。所以頁面正在重新加載前5個產品。在這種情況下,使用event.preventdDefault()方法停止服務器調用。或者寫一個標誌來發送服務器調用 – chandu
我認爲這裏真正的問題在於,處理您的網站的歷史記錄,Ajax調用。爲此,你可以寫你的自我,或者只是瞭解一個插件,並研究它是這樣的:
http://balupton.github.io/jquery-history/demo/
你可以嘗試一下,然後回來,如果你有futher問題。
希望它有幫助。
發生了什麼事,wehen你展示額外的產品?這是一個頁面加載?阿賈克斯? – reyaner
@Anri:是的,它是Ajax加載。最初該頁面加載了5個產品。點擊「顯示額外」按鈕後,顯示額外5種產品。所以完全可以在第10頁的產品中找到。例如,如果我點擊第7個產品,它會重定向到詳細信息頁面。在詳細信息頁面中,我有返回按鈕返回到點擊的產品(這裏7日)。但它不會回到7日。相反,它會進入頁面的下方,而不會顯示剩餘的5種產品。我希望它需要重定向到點擊產品。或至少顯示10種產品的相同狀態。 – kuttyraj
附加點:當我刷新頁面時,就像剩下的5件產品沒有加載一樣。 – kuttyraj