更新浏览器的URL而不重新加载页面

Question

是否可以在浏览器地址栏中更改URL而不让浏览器前往该页面呢？例如，在通过AJAX调用更新页面内容后。

据我所知，这是不可能的，这就是为什么像Twitter和Facebook这样的网站会在AJAX调用时更新哈希标记。

直到今天，当我登录http://8tracks.com/并开始使用右侧的过滤器时，尝试打开或关闭不同类型的音乐，我注意到即使它使用AJAX调用来刷新页面上的内容，URL也正在动态更新。

有人知道他们是如何做到这一点的吗？

（顺便说一句，我当前使用的是Chrome浏览器，但当我回头再用IE9查看时，我注意到URL没有被更新..这可能只是Chrome浏览器的事情吗？）

- Daniel

Answer 1

通过使用 HTML5 历史记录 API，现代浏览器可以实现这一点：

history.pushState(null, null, '/some-path')

请查看https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history#The_pushState%28%29.c2.a0method。此方法适用于Firefox、Chrome、Opera和Safari浏览器（不适用于IE）。

- Arnaud Le Blanc

---

HTML5历史记录API是正确/唯一的方法。您可以查看https://github.com/balupton/history.js/wiki/Intelligent-State-Handling以获取背景文章，该文章解释了哈希到哈希bang再到HTML5历史记录API的演变过程。 - balupton

Answer 2

你也可以使用Jquery历史插件。这将为html4浏览器提供支持。

这里有一篇文章谈论它：http://veerasundaravel.wordpress.com/2011/12/02/change-browser-url-with-reloading-the-page-jquery-html5/

这里还有另一个问题，提供更多选项：jQuery History Plugin

- Jon