对于您问题中链接的演示，实现该功能实际上非常简单-因为它根本不使用任何AJAX（当您开始将AJAX添加到组合中时，会变得更加困难-
稍后说明）。要实现该功能，您将；升级您的链接以使用哈希，然后绑定到hashchange事件中。不幸的是，hashchange事件与跨浏览器不兼容，尽管幸运的是有许多“历史/远程插件”可用-
多年来，我们首选使用的是 jQuery History ，它是开源的，得到了​​大力支持并正在积极开发： -）。

虽然，当要向Facebook，WBHomes和Balupton.com等网站中添加AJAX功能时，您将开始面临一系列严重的难题！（我知道我是最后两个站点的首席架构师！）。其中一些问题是：

• 如何优雅，轻松地升级某些内部链接以使用“历史记录”和AJAX功能，并检测哈希值何时更改？同时保持其他链接像以前一样工作。
• 如何从“ www.yoursite.com/myapp/a/b/c”重定向到“ www.yoursite.com/myapp/#/a/b/c”？并仍然为用户提供流畅的体验，以使3个必要的重定向尽可能地流畅。
• 如何使用AJAX提交表单值和数据并更新哈希？反之亦然，如果他们不支持Javascript。
• 如何检测AJAX请求需要页面的哪个特定区域？这样子页面就会显示正确的页面。
• AJAX状态更改时如何更改页面标题？和其他非页面内容。
• 如何在AJAX状态加载和更改时执行不错的内向/外向效果？这样用户就不会处于黑暗中。
• 我们通过AJAX登录时如何更新侧边栏登录信息？显然，我们不希望该左上方的登录按钮再出现。
• 如何为未启用JS的用户仍支持网站？这样它就可以正常降级，并且仍然可以被搜索引擎索引。

我知道的唯一一个尝试解决所有这些极其困难的问题的开源，可靠项目已被证明是 jQuery
Ajaxy
。它实际上是对前面提到的jQuery历史记录项目的扩展，它提供了一个优雅的高级界面，可以将AJAX功能添加到混音中，从而解决了幕后的难题，因此我们不必担心。它也是前面提到的最后几个商业站点中使用的选定解决方案。

祝您好运，如果您还有其他问题，请对此答案发表评论，我将尽快解决:-)

更新：现在有不推荐使用HTML4hashchange功能的HTML5历史记录API（pushState，popState）。History.js现在是jQuery
History的前身，并为HTML5 History
API提供跨浏览器的兼容性，并为HTML4浏览器提供可选的 hashchange备用。jQuery Ajaxy将针对History.js进行升级