使用 Ajax 时如何保持浏览器历史记录同步？

Question

我正在使用 ASP.NET Ajax 编写一个简单的相册应用程序。
该应用程序使用异步 Ajax 调用来预加载相册中的下一张照片，而无需更改浏览器中的 URL。

问题是，当用户单击浏览器中的后退按钮时，应用程序不会返回到上一张照片，而是导航到应用程序的主页。

有没有办法欺骗浏览器将每个 Ajax 调用添加到浏览历史记录中？

Answer 1

更新：现在有 HTML5 History API（pushState、popState），它弃用了 HTML4 hashchange 功能。 History.js 提供跨浏览器兼容性和 可选 hashchange HTML4 浏览器的后备。

这个答案问题将或多或少与我对这些问题的回答相同：

• 如何在URL中显示Ajax请求？
• Gmail 如何在丰富的 JavaScript 中处理后退/前进？

总之，您一定会想查看这两个项目，它们解释了整个 hashchange 过程并将 ajax 添加到其中：

• jQuery 历史记录（使用哈希来管理页面状态并绑定到更改以更新页面）。

• jQuery Ajaxy（jQuery History 的 ajax 扩展，允许完整的 ajax 网站，同时完全不显眼且可优雅降解）。

Answer 2

信息：Ajax 导航是 即将推出的 IE8 的常规功能。

Answer 3

如果您使用 Rails，那么一定要尝试 Wiselinks https://github.com/igor-alexandrov/wiselinks。 它是浏览器状态管理的瑞士军刀。 以下是一些详细信息： http://igor-alexandrov.github.io/blog/2013/07/11/the-way-to-wiselinks-1-dot-0/。

Answer 4

您可以使用简单的 & 轻量级 PathJS lib。

使用示例：

Path.map("#/page1").to(function(){
    ...
});

Path.map("#/page2").to(function(){
    ...
});

Path.root("#/mainpage");
Path.listen();

Answer 5

3.5 SP1 更新现在支持 ASP.NET ajax 中的浏览器历史记录和后退按钮。

Answer 6

对于所有有关后退按钮的解决方案，没有一个是“自动”的。 对于每一个页面，您都必须做一些工作来保留页面的状态。 所以不，没有办法“欺骗”浏览器，但是有一些很棒的库可以帮助您使用后退按钮。

Answer 7

许多网站利用隐藏的 iframe 来做到这一点，只需使用新的 URL 刷新 iframe 即可将其添加到浏览历史记录中。 然后您所要做的就是处理应用程序对这些“后退按钮”事件的反应 - 您要么需要检测 iframe 的状态/位置，要么使用该 URL 刷新页面。

Answer 8

MSDN 有一篇关于在 ASP.NET AJAX 中管理浏览器历史记录的文章