在JavaScript中获取请求的URL参数[正则]

最新推荐文章于 2024-11-22 06:45:00 发布

lchyz89

最新推荐文章于 2024-11-22 06:45:00 发布

阅读量556

点赞数

分类专栏： js 文章标签： javascript url function asp.net null search

js 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了在前端JavaScript中通过多种方法获取来自ASP.NET后台的URL请求参数，包括专业代码实现和简化获取方法。通过示例代码，展示了如何使用window.location.search和自定义函数来解析URL并提取所需参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在ASP.NET后台代码中，对于这样的URL请求地址：http://www.abc.com?id=001,我们可以通过Request.QueryString["id"]的方法很容易的获取到URL中请求的参数的值，但是要在前台js代码中获取请求的参数的值，应该怎么做呢？

第一种方法：，代码比较专业推荐

复制代码代码如下:

<script> 

function GetLocationParam(param){ 

var request = { 

QueryString : function(val) { 

var uri = window.location.search; 

var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 

return ((uri.match(re))?(decodeURI(uri.match(re)[0].substr(val.length+1))):''); 

} 

} 

return request.QueryString(param); 

} 

var uid=GetLocationParam("uid"); 

</script>

第二种方法：
当然我们可以在后台中获取参数的值，然后在前台js代码中获取变量的值，具体做法请参考我的这篇文章:JavaScript获取后台C#变量以及调用后台方法。

其实我们也可以直接在js中获取请求的参数的值，通过使用window.location.search可以获取到当前URL的?号开始的字符串，如前面的链接获取到的search为?id=001。再对获取的字符串进行处理，就可以获取到参数的值了。

复制代码代码如下:

function getUrlParam(name) { 

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 

var r = window.location.search.substr(1).match(reg); 

if (r != null) 

return unescape(r[2]); 

return null; 

}

在调用上面的方法的时候，只要传入参数的名称，就可以获取到你想要的参数的值了，如:getUrlParam("id")。

http://www.jb51.net/article/25749.htm