在不使用hash#的情况下更新AJAX请求的URL

时间:2013-07-09 18:17:34

标签: javascript ajax jquery url-routing

我需要以下网站的功能。向下滚动时,使用AJAX从服务器获取新故事,并且URL也会更新。网址中也没有哈希#。

http://qz.com/

我怎样才能做到这一点?

感谢

2 个答案:

答案 0 :(得分:2)

window.history.pushState(“state object/id”, “Title”, “/new-url”);

但是,您需要在不支持它的浏览器上使用哈希值。 我使用https://github.com/browserstate/history.js为我做了所有旧浏览器的后备。

答案 1 :(得分:1)

您可能想尝试项目sarus。

http://srijanlabs.github.io/sarus/

它是一个内置于angularJS的框架,用于执行类似的功能。当用户滚动浏览页面时,它会抓取文章,同时在浏览器的地址栏中维护网址映射。

此外,作为前端应用程序,它是高度可定制的,可与API / RSS一起使用来获取数据。