AJAX後退按鈕歷史記錄

問候，在標記此問題重複之前，我想告訴我已經查看了可以幫助我的所有問題，但都沒有。我在下面有一個簡單的例子，你的幫助將是可觀的。AJAX後退按鈕歷史記錄

例如： Index.html頁面給出3個鏈接到不同的頁面，這些鏈接不是用href指令，而是用AJAX指令（不改變URL）。 div的內容被改變而不刷新頁面並且不改變URL。

問題：我無法追蹤歷史記錄，比如我點擊了第2頁 - >第3頁 - >第2頁 - >第1頁現在，客戶端要回到上一頁（div內容）。這怎麼可能。

的index.html

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="ISO-8859-1"> 
<title>Back button/History Problem</title> 
<style> 
ul{ 
    list-style: none; 
} 
li{ 
    display: inline;  
} 
</style> 
</head> 
<body> 
<!-- Menu for links to pages --> 
<div id="menu"> 
<ul> 
    <li><a href="#" onclick="showPage('1')">Page 1</a></li> 
    <li><a href="#" onclick="showPage('2')">Page 2</a></li> 
    <li><a href="#" onclick="showPage('3')">Page 3</a></li> 
</ul> 
</div> 
<!-- HTML page is added without change in the URL address --> 
<div id="content"></div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script type="text/javascript"> 
/* Loads html page by AJAX in the content div */ 
function showPage(page){ 
    $("#content").load("pages/page"+page+".html"); 
} 
</script> 
</body> 
</html>

page1.html

<h1>Page 1</h1>

page2.html

<h2>Page 2</h2>

page3.html

<h3>Page 3</h3>

來源

2015-07-22 Imam Bux

我還沒有試過這個插件https://rosspenman.com/pushstate-jquery/，但對於我讀過的這可能會幫助你...讓我知道它是否可以完成這項工作:)

來源

2015-07-22 07:15:43 Vanojx1

雖然這個鏈接可能回答這個問題，但最好包含這裏的答案的基本部分，並提供參考鏈接。如果鏈接頁面更改，則僅鏈接答案可能會失效。 – OzrenTkalcecKrznaric

這是一個很好的建議...謝謝你....現在我不編輯我的答案，因爲問題被標記爲重複，但我會在未來:) – Vanojx1

AJAX後退按鈕歷史記錄

回答

相關問題