javascript - ajax 和哈希 url

Question

我有一个网页，旨在使用 ajax 重新加载数据。我所有的 ajax 都运行良好，但我现在意识到我想要跟踪您在页面上的位置，并且能够将人们链接到网站上的特定页面。

这是我正在谈论的网站:

www.stevenlebel.com

如您所见，该页面由将新内容加载到屏幕中的电视组成。视频页面使用嵌入式 Vimeo 代码，音乐页面使用 Soundcloud，图像使用 Imugr 库。我以这种方式构建它的原因是为了让我的 friend 无需我的帮助即可更新他的页面。

所以我的问题是，如何向 URL 添加哈希链接 - 我还希望能够链接到页面上的某个视频、歌曲或图像，但不确定使用 Vimeo/Soundcloud 是否可以实现这一点/图片。

有人有这方面的经验吗？

非常感谢，

凯蒂

额外的问题:有谁知道如何删除 .html，这样当我使用哈希链接时，页面会显示 x/x/#whatever 而不是 x/x.html#whatever？

Answer 1

如果我正确理解你的问题，你需要 HTML5 History API。您可以使用它的一些很酷的跨浏览器 API，看看这里 http://html5demos.com/history它是如何工作的。

您将需要这些东西来跟踪您所在的位置。我认为您没有刷新页面并使用 Ajax。

history.pushState事件，用它推送任何数据并将附加到#后面的url

history.popstate事件，使用后退/前进来弹出数据。

window.hashchange 事件，如果您复制 url 并将其打开给另一个人或将其共享到任何地方。您将能够获取 url 中 # 后面的数据。

您可以尝试它的这些跨浏览器 API。

https://github.com/browserstate/History.js/

https://github.com/devote/HTML5-History-API

祝你好运!