正则表达式获取url参数

最新推荐文章于 2024-01-17 18:36:03 发布

原创最新推荐文章于 2024-01-17 18:36:03 发布 · 704 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍两种JavaScript函数实现方法，一种用于将URL中的查询字符串转换为易于操作的对象形式，特别是能够处理重复参数的情况；另一种用于直接从URL中提取指定参数的值。

1、将所有参数转化为对象，重复的参数作为数组：

function parseQuery(url) {
    var queryObj={};
    var reg=/[?&]([^=&#]+)=([^&#]*)/g;
    var querys=url.match(reg);
    if(querys){
        for(var i in querys){
            var query=querys[i].split('=');
            var key=query[0].substr(1),
                value=query[1];
            queryObj[key]?queryObj[key]=[].concat(queryObj[key],value):queryObj[key]=value;
        }
    }
    return queryObj;
}
var url='http:www.baidu.com/index?name=username&age=27&pwd=zbc|123@&likes=lol&likes=beautifull girl&$id=main#flag=66';
console.log(parseQuery(url));


//结果：
{ name: 'username',
  age: '27',
  pwd: 'zbc|123@',
  likes: [ 'lol', 'beautifull girl' ],
  '$id': 'main' 
}
   1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
   1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

2、获取某个url中某个参数的值

function getQueryByName(url,name){
    var reg=new RegExp('[?&]'+name+'=([^&#]+)');
    var query=url.match(reg);
    return query?query[1]:null;
}

var url='http:www.baidu.com/index?name=wangqingqiang&age=27&pwd=wqq123@#flag=66';
var value=getQueryByName(url,'pwd');
console.log(value);

//结果：
wqq123@
   1
2
3
4
5
6
7
8
9
10
11
12
   1
2
3
4
5
6
7
8
9
10
11
12