0
问候, 在标记此问题重复之前,我想告诉我已经查看了可以帮助我的所有问题,但都没有。我在下面有一个简单的例子,你的帮助将是可观的。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>
虽然这个链接可能回答这个问题,但最好包含这里的答案的基本部分,并提供参考链接。如果链接页面更改,则仅链接答案可能会失效。 – OzrenTkalcecKrznaric
这是一个很好的建议...谢谢你....现在我不编辑我的答案,因为问题被标记为重复,但我会在未来:) – Vanojx1