jquery - 通过 AJAX 更新页面内容并更新/更改 URL

Question

我面临的主要问题是在成功的 AJAX 请求后更新页面的 URL。我使用 $.ajax() 方法清空当前页面的内容，然后通过 AJAX 调用加载用户想要访问的页面。一切顺利，只是 URL 没有改变。我希望它以某种方式表现得像推特......

Answer 1

您要找的是 HTML5 History API，但由于它是一项新技术，IE9 及以下的一些浏览器不支持该 API，如果您想支持不支持该 API 的浏览器，您可以考虑使用history.js。

History.js 在所有浏览器中优雅地支持 HTML5 History/State API（pushState、replaceState、onPopState）。包括对数据、标题、replaceState 的持续支持。支持 jQuery、MooTools 和原型。对于 HTML5 浏览器，这意味着您可以直接修改 URL，而无需再使用哈希。