jquery - 指向 AJAX URL 的链接

Question

我的网站上有一个页面，通过 AJAX 请求大量内容。我遇到的问题是，如果您一直在网站上浏览，并且访问的页面在技术上没有 URL，则您无法复制/粘贴 URL 并将其发送给某人，因为您最终会出现在主页上。

我正在查看 facebook，他们使用 anchor 来表示通过原始 URL 请求的 URL，如下所示:http://www.facebook.com/#/somepage (如果您在主页上访问 somepage ，那么这是一个 AJAX 请求)。

在 URL 上设置 anchor 根本不是问题，因为我使用 <a>无论如何，我所有 AJAX 内容的标签，但是我怎样才能获得 mysite.come/#/some-ajax-page/正常工作并显示什么some-ajax-page应该是，而不仅仅是尝试找到名为 /some-ajax-page/ 的 anchor 在 DOM 中？

附注我在 JS 和 Django 服务器端使用 jQuery

Answer 1

您可以使用document.location对象引用当前页面的URL。这不是标准的，但尽管如此，我所知道的每个浏览器都支持它。该对象的 hash 属性为您提供了哈希符号后面的部分。

因此，在您的 jquery .ready 函数中，您可以探测 document.location.hash (对于您的示例网址 http://www.facebook.com/#/somepage code> 将计算为 /somepage)，并将其解释为执行重新创建页面的适当状态所需的任何操作。当然，您需要在这里执行什么逻辑取决于您 - 我们无法闻到您的页面可以具有哪些状态，以及您希望如何在 anchor 文本中表示这些状态。

有关详细信息，请参阅位置对象的 mozilla 文档。据我所知，所有浏览器都支持这些属性:https://developer.mozilla.org/en/DOM/window.location