2014-05-14 71 views
1

我有頁面中的產品列表。此產品列表僅顯示5.點擊'顯示額外'按鈕後,它會顯示剩餘的產品。歷史Goback不工作

好吧,我點擊'顯示額外'按鈕後,它會顯示接下來的5個產品。所以現在共有8款產品。從剩下的5個產品中,當我點擊任何一個產品鏈接(href)時,它會進入下一頁。問題是,從下一頁當我點擊'返回'按鈕時,它會回到頁面,但在這個時候,產品數量仍然是5,而不是10。但是我需要以前裝入的產品,因爲它是怎麼回事。如果我馬上說,歷史記錄不起作用。

請給我建議。

+0

發生了什麼事,wehen你展示額外的產品?這是一個頁面加載?阿賈克斯? – reyaner

+0

@Anri:是的,它是Ajax加載。最初該頁面加載了5個產品。點擊「顯示額外」按鈕後,顯示額外5種產品。所以完全可以在第10頁的產品中找到。例如,如果我點擊第7個產品,它會重定向到詳細信息頁面。在詳細信息頁面中,我有返回按鈕返回到點擊的產品(這裏7日)。但它不會回到7日。相反,它會進入頁面的下方,而不會顯示剩餘的5種產品。我希望它需要重定向到點擊產品。或至少顯示10種產品的相同狀態。 – kuttyraj

+0

附加點:當我刷新頁面時,就像剩下的5件產品沒有加載一樣。 – kuttyraj

回答

1

嘗試這種

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 享受:)

+0

瀏覽器後退按鈕怎麼樣?這對他有什麼幫助呢? – reyaner

+0

是的,它是Ajax加載。最初該頁面加載了5個產品。點擊「顯示額外」按鈕後,顯示額外5種產品。所以完全可以在第10頁的產品中找到。例如,如果我點擊第7個產品,它會重定向到詳細信息頁面。在詳細信息頁面中,我有返回按鈕返回到點擊的產品(這裏7日)。但它不會回到7日。相反,它會進入頁面的下方,而不會顯示剩餘的5種產品。我希望它需要重定向到點擊產品。或至少顯示10種產品的相同狀態。 – kuttyraj

0

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> 
+0

是的,它是Ajax加載。最初該頁面加載了5個產品。點擊「顯示額外」按鈕後,顯示額外5種產品。所以完全可以在第10頁的產品中找到。例如,如果我點擊第7個產品,它會重定向到詳細信息頁面。在詳細信息頁面中,我有返回按鈕返回到點擊的產品(這裏7日)。但它不會回到7日。相反,它會進入頁面的下方,而不會顯示剩餘的5種產品。我希望它需要重定向到點擊產品。或至少顯示10種產品的相同狀態。 – kuttyraj

+0

我認爲你點擊後退按鈕時你的服務器調用命中。所以頁面正在重新加載前5個產品。在這種情況下,使用event.preventdDefault()方法停止服務器調用。或者寫一個標誌來發送服務器調用 – chandu

0

我認爲這裏真正的問題在於,處理您的網站的歷史記錄,Ajax調用。爲此,你可以寫你的自我,或者只是瞭解一個插件,並研究它是這樣的:

http://balupton.github.io/jquery-history/demo/

你可以嘗試一下,然後回來,如果你有futher問題。

希望它有幫助。