带后退按钮的JQuery Ajax

如何使用jQueryAjax处理导航

我有一个主页。2加载

page1

和

page2

内容的ajax链接

我希望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>

| 

您可以更改

窗口。位置值以反映页面更改

了解页面后，您可以执行以下操作：

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;
}

如果你想找这样的东西，我只是来拜访一下

$("#nav>a").click(function(e){
 $.get($(this).attr("href"),function(data){
  $("#Container").html(data);
 });
 return false;
});

抱歉，我删除了散列，我希望它看起来像一个url。我将把ajax调用放在哪里检索内容？删除#不是ajax，您只需导航到另一个页面。我将在
#nav
中的for
标记上连接一个单击事件。OP中不清楚，但从标题上看，他们似乎想要后退按钮功能。AFAIK在点击后退按钮时，此代码不会将容器返回到其以前的状态。有人知道如何实现这一点吗？