javascript - 从请求 url 获取哈希参数

Question

我有这样的网址 - http://www.coolsite.com/daily-plan/#id=1解析该字符串并读取哈希值(#id= 之后的值)的最简单方法是什么？谢谢

Answer 1

在客户端(即来自 JavaScript)，您可以检查 window.location.hash 以获取哈希。在服务器端，一般的答案是“不可能”，因为哈希不会在请求中发送到服务器。

更新:我可能误解了这个问题。我的答案是关于如何在请求处理期间在浏览器或服务器端代码中获取 url 的哈希部分，而不是关于字符串处理。

Upd2:在此处回复评论，因为它不适合评论。

当用户点击您的导航链接时，它是如何工作的？

我假设哈希已更改，并且相应的内容是通过来自 Web 服务或 REST 的 AJAX 请求下载的。

例如，如果您的用户在其浏览器中有 URL www.example.com，并且此页面显示产品类别列表。用户单击一个类别，URL 更改为 www.example.com/#id=5，该类别的产品(ID=5)通过 AJAX 下载并显示在页面上。没有回发，只有部分页面刷新。

这接近你的场景吗？

现在您希望用户直接在浏览器地址栏中粘贴/输入 www.example.com/#id=5 并直接转到该类别中的产品列表。

但是 /#id=5 并没有被浏览器随请求发送到服务器，因此无法在服务器端获取该值，您也无能为力，因为它是浏览器决定不发送此数据，而您在服务器端没有它。

在我们的项目中，当服务器只返回常见的页面代码/html，即页眉、页脚，没有页面的主要/中心部分时，我们使用解决方案。然后有一个 JavaScript 代码，它会在这个常见的 HTML 加载后立即执行。它采用 window.location.hash 并通过 AJAX 将其发送到 Web 服务，Web 服务返回页面主要部分的内容 (HTML)。