url - 有没有一种方法可以在不刷新页面的情况下更改浏览器的地址栏？

Question

我正在开发一个网络应用程序。在其中，我有一个名为“类别”的部分，每次用户单击其中一个类别时，更新面板都会加载适当的内容。

用户单击类别后，我想更改浏览器的地址栏网址

www.mysite.com/products 

类似

www.mysite.com/products/{selectedCat} 

无需刷新页面。
我可以使用某种 JavaScript API 来实现此目的吗？

Answer 1

使用 HTML5，您可以修改 url 而无需重新加载:

如果您想在浏览器历史记录中发表新帖子(即后退按钮可以使用)

window.history.pushState('Object', 'Title', '/new-url');

如果您只想更改网址而无法返回

window.history.replaceState('Object', 'Title', '/another-new-url');

该对象可用于ajax导航:

window.history.pushState({ id: 35 }, 'Viewing item #35', '/item/35');

window.onpopstate = function (e) {
  var id = e.state.id;
  load_item(id);
};

在此处了解更多信息:http://www.w3.org/TR/html5-author/history.html

后备解决方案:https://github.com/browserstate/history.js