jquery - 带有 window.history.pushState 和后备的跨浏览器 jquery ajax 历史记录

Question

想要改进这篇文章吗？提供此问题的详细答案，包括引用和解释为什么你的答案是正确的。不够详细的答案可能会被编辑或删除。

我想使用 jQuery 和 AJAX 以跨浏览器的方式实现导航历史记录。我的方法是使用window.history.pushState并回退到哈希 url /#!/url在不支持window.history.pushState的浏览器中。

例如:

<a href="/home">home</a>
<a href="/about">about</a>
<a href="/contact">contact</a>

在支持window.history.pushState的浏览器上，单击这些链接之一应将地址更改为 http://domain.com/home，无需刷新页面。 , http://domain.com/about等当浏览器不支持window.history.pushState时，它应该使用片段标识符，即: http://domain.com/#!/home , http://domain.com/#!/about .

<小时/>

更新:根据此处的反馈，我已实现 Ajax SEO ( git ) 使用 jQuery Address对于旧浏览器的 HTML5 History API，回退到 /#!/url .

Answer 1

// Assuming the path is retreived and stored in a variable 'path'

if (typeof(window.history.pushState) == 'function') {
    window.history.pushState(null, path, path);
} else {
    window.location.hash = '#!' + path;
}