我有一个这样的URL - http://www.coolsite.com/daily-plan/#id=1 最简单的方法是解析该字符串并读取哈希值(即#id=后面的值)? 谢谢
我有一个这样的URL - http://www.coolsite.com/daily-plan/#id=1 最简单的方法是解析该字符串并读取哈希值(即#id=后面的值)? 谢谢
在客户端(即从JavaScript中),您可以检查window.location.hash
以获取哈希值。在服务器端,一般的答案是“不可能”,因为哈希值不会随请求发送到服务器。
更新:我可能误解了问题。我的答案是关于如何在浏览器或服务器端代码中获取URL的哈希部分,在处理请求期间,而不是关于字符串处理的。
更新2:在此回答评论,因为评论中无法放得下。
当用户单击您的导航链接时,它是如何工作的?
我假设哈希值被更改,并通过来自Web服务或REST的AJAX请求下载相应的内容。
例如,如果您的用户在浏览器中具有www.example.com的网址,并且此页面显示产品类别列表。用户单击一个类别,URL会更改为www.example.com/#id=5,并通过AJAX下载该类别的产品(ID = 5)并显示在页面上。没有PostBack,只有部分页面刷新。
这与您的方案接近吗?
现在您希望用户直接在浏览器地址栏中粘贴/输入www.example.com/#id=5并直接转到该类别的产品列表。
但是,/#id = 5不会随请求一起发送到服务器,因此无法在服务器端获取该值,并且您无法对此做任何事情,因为这是浏览器决定不发送此数据,而您在服务器端没有该数据。
在我们的项目中,我们使用以下解决方案:服务器仅返回常见页面代码/ HTML,即页眉和页脚,没有页面的主要/中心部分。然后有一个JavaScript代码,在此公共HTML加载后立即执行。它获取window.location.hash
并通过AJAX将其发送到Web服务,Web服务返回页面主体内容(HTML)。
new URI("http://.../abc#xyz").getFragment();
/abc#xyz
呢? - Bojan Krkic¯\_(ツ)_/¯
。 - Bojan Krkic以下是如何捕获锚链接的方法。适用于所有的Web框架。
我将使用一个示例场景来说明:假设我们需要捕获由未经身份验证的用户请求的深度URL http://server.com/#/xyz,以便他们在登录后被重定向到该深度URL。
未经身份验证的用户请求http://server.com/#/xyz(从“#”开始的所有内容都不会发送到服务器)。
服务器只知道用户想要http://server.com/,并且他们未经身份验证。服务器将用户重定向到登录表单。
这是聪明的部分:客户端仍在等待其原始请求,因此如果服务器在登录表单中包含一个带有一些JS的隐藏元素,该JS引用window.location.href,则可以捕获完整的URL 原始请求连同锚点部分:
<form action="/login" method="post">
<div>
<label>Username:</label>
<input type="text" name="username"/><br/>
</div>
<div>
<label>Password:</label>
<input type="password" name="password"/>
</div>
<!-- XXXXXXXXX 聪明的部分 XXXXXXXXXX-->
<script>
document.write('<input type="hidden" name="from" value="'+document.location.href+'"/>');
</script>
<!-- XXXXXXXXXX-->
<div>
<input class="submit-button" type="submit" value="Submit"/>
</div>
</form>
用户进行身份验证,原始URL随POST一起发送。然后服务器可以将用户中继到原始深度URL。
你正在使用什么来做这个?
如果你正在使用JSP或Servlet,以下内容将对你有用。
if (request.getParameter("#id") == null) {
out.println("Please enter your name.");
} else {
out.println("Hello <b>"+request.getParameter(i)+"</b>!");
}
如果你正在使用 JavaScript,以下函数将对你有用
function getURLParameters()
{
var sURL = window.document.URL.toString();
if (sURL.indexOf("?") > 0)
{
var arrParams = sURL.split("?");
var arrURLParams = arrParams[1].split("&");
var arrParamNames = new Array(arrURLParams.length);
var arrParamValues = new Array(arrURLParams.length);
var i = 0;
for (i=0;i<arrURLParams.length;i++)
{
var sParam = arrURLParams[i].split("=");
arrParamNames[i] = sParam[0];
if (sParam[1] != "")
arrParamValues[i] = unescape(sParam[1]);
else
arrParamValues[i] = "No Value";
}
for (i=0;i<arrURLParams.length;i++)
{
alert(arrParamNames[i]+" = "+ arrParamValues[i]);
}
}
else
{
alert("No parameters.");
}
}
String url = " http://www.coolsite.com/daily-plan/#id=1";
int sharpPos = url.indexOf('#');
String q = null;
if (sharpPos >= 0) {
q = url.substring(sharpPos);
}
当然,您可以使用各种字符串操作方法,包括正则表达式。
但实际上,您的示例很奇怪。通常,在问号后传递URL参数。在这种情况下,您只需使用标准类URL:
String q = new URL(" http://www.coolsite.com/daily-plan?id=1").getQuery();
在解析URL时,将'#'替换为'?'。请查看下面的代码
String url = "http://www.coolsite.com/daily-plan/#id=1";
String urlNew = url.replace("#", "?");
String id = Uri.parse(urlNew).getQueryParameter("id");
String val = "http://www.coolsite.com/daily-plan/#id=1";
System.out.println(val.split("#id")[1]);
不要忘记检查空值。
P.S. 如果您使用servlet,可以从request.getAttribute("id")获取此参数。
最好的祝福, Psycho
#
后面的任何内容都不会发送到服务器,所以它对此一无所知。这个人所做的是在处理请求的服务器端点中注入了一些 JavaScript,然后从 URL 获取数据并将其发送回服务器。 https://github.com/sosodev/twitchOAuth/blob/main/twitchoauth.go#L28 - Ari