在JavaScript中获取请求的URL参数[正则]
更新时间：2010年12月25日 23:24:06 作者：
在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")。
复制代码 代码如下:
<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")。
您可能感兴趣的文章:
- JavaScript正则替换HTML标签功能示例
- php正则去除网页中所有的html,js,css,注释的实现方法
- Java/Js下使用正则表达式匹配嵌套Html标签
- javascript下一个还原html代码的正则
- JS正则表达式获取字符串中特定字符的方法
- javascript 获取url参数的正则表达式(用来获取某个参数值)
- Javascript 获取链接(url)参数的方法[正则与截取字符串]
- node.js正则表达式获取网页中所有链接的代码实例
- JS获取网址中指定值的正则函数
- JavaScript中使用正则匹配多条，且获取每条中的分组数据
- javascript 获取链接文件地址中第一个斜线内的正则表达式
- javascript使用正则获取url上的某个参数
- JS正则获取HTML元素的方法
相关文章
今天是相当的困，所以就点比较容易点的东西吧，讲关于鼠标移动后出现提示信息的js代码。能力有限，写得不好尽管提出来。2010-01-01
这篇文章主要介绍了Javascript发送AJAX请求的实例代码，非常不错，具有参考借鉴价值,需要的朋友可以参考下2016-08-08
本文给大家总结了一下使用javascript来获取服务器时间的几种方法和思路，十分的简单明了，有需要的小伙伴可以参考下2015-05-05
这篇文章主要为大家详细介绍了js实现弹窗猜数字游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
数组去重在面试和工作中都是比较容易见到的问题。这篇文章主要是来测试多个方法，对下面这个数组的去重结果进行分析讨论，需要的可以参考一下2022-07-07
一个小项目中用到，奉命进行修改，定位到2009-03-03
这篇文章主要给大家介绍了关于如何优雅的使用javascript递归画一棵结构树的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
这篇文章主要为大家详细介绍了基于JavaScript实现本地图片预览的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
一款用JavaScript模仿3D立体切换效果的js焦点幻灯片特效，使用方法很简单：用鼠标拖拽图片向左右方向就好～2015-10-10
下面小编就为大家分享一篇select标签设置默认选中的选项方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
最新评论