javascript - Ajax 导航/浏览器返回

Question

需要在不重新加载任何页面的情况下实现 ajax 导航我正在将 html 写入 ajax 容器 div。是否有任何解决方案来处理浏览器后退和前进事件。还添加到书签？我需要涵盖所有浏览器，包括 IE 8 及更高版本。谢谢

Answer 1

浏览器历史记录通常仅在浏览器加载新页面时更新。AJAX 不会替换页面，所以历史不会改变。

HTML5 添加了一个 API 以允许 Javascript 直接更新历史记录，history.pushState()以及history.replaceState()方法。您的 AJAX 代码应该能够用于pushState()将旧 URL 添加到浏览器历史记录中，因此后退按钮将起作用。有关血腥细节，请参阅 HTML5 规范。

由于这是相对较新的，较旧的浏览器将不支持它。您可以将jQuery BBQ 插件用于跨浏览器应用程序。