js获取URl查询字符串的参数,并用正则表达式匹配获取参数值

例如,一个URI为:https://mp.csdn.net/mdeditor?ad=2&wq=5
首先,js获取URI查询字符串
window.location.search:该方法可设置或者返回URL的查询部分
得到:?ad=2&wq=5
那么,如何用正则表达式匹配,并获取查询参数得值呢?
用如下代码:

function getQueryString(name){
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r != null) {
     		return  unescape(r[2]); 
     } else{
     		return null
     };
}

(^|&)这里匹配空开头的或者&开头的字符串,举个例子,如:“ad”,"&ad"都可以。
用以下代码测试:

var reg = new RegExp("(^|&)" +"ad"+"=([^&]*)(&|$)")
var str = "ad=2"
console.log(str.match(reg))

结果为:
在这里插入图片描述
这里我们大概能看出那个获取URL查询参数的函数中为啥用r[2]了。
该数组中索引为1和3的值为,这里的值分别是根据正则表达式的(^|&)(&|$)两个子表达式而来的。例如,若str="&ad=2",则索引为1的值为&。若str=“ad=2&”,则索引为3的值为&
([^&]*)这个意思是不能以0个或者多个&开头
(&|$)后面是&或者以空结尾的字符串,如"&ad",“ad”。
因此,该正则表达式匹配的情况如下:
"ad=2"传参ad就得到2
"ad=2&cd=3"传参cd得到3

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值