带后退按钮的 JQuery Ajax

Question

如何使用 Jquery Ajax 处理导航？

例如。我有一个主页。 2 个 ajax 链接，加载 page1 和 page2 的内容。

我希望 URL 为:localhost/page1 或 localhost/page2。我知道这是可能的，但我不知道此功能的名称。

编码示例会很好。

<div id="nav">
    <a href="page1">Page 1</a> | <a href="page2">Page 2</a>
</div>
<div id="Container"></div>

Answer 1

您可以更改 window.location 值以反射(reflect)您的页面更改。

一旦您了解了自己的页面，您就可以执行以下操作:

var location = window.location.toString();
var pageHash = "#" + page;

if (window.location.hash == "") {
    window.location = location + pageHash;
}
else {
    window.location = location.substring(0, location.indexOf("#")) + pageHash;
}