ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

从Url中获取某一参数的参数值

2021-05-31 19:59:58  阅读:344  来源: 互联网

标签:匹配 name Url state 某一 参数 new RegExp 参数值


var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”, “i”);详解

下面代码时从url中获取参数名为name的参数值

var getQuery = function(name) {

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

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

if (r != null)

return (r[2]);

return null;

};

去网上查了一些资料说的不是很详细,记录一下,留着以后忘了回来看看:

比如我们想从url中获取state参数,通常带参数的Get请求url为:

http://test.html?state=102&isreturn=1

http://test.html?isreturn=1&state=102

这个正则是寻找&+url参数名字=值+& &可以没有

下面说下一这个正则表达式:var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”, “i”);

^n 的用法 : 匹配任何开头为n的字符串

“(^|&)”+name 的含义: 匹配以&name开头 或者 空白name 开头的字符串

(其实|前面有空白也就是什么都没有,也就是通配url中第一个参数或第二个参数的情况)

[^abc]的用法 : 匹配除了abc以外的其他字符

[^&]的含义 : 匹配除了&以外的任意字符 (也很好理解,因为一旦出现&说明是另一个参数了,所以不能匹配了)

[^&]*的含义 : 匹配任意数量的 除了&以外的字符 (也就是说name=后面的值一旦有&则就不向后取值了)

n$ 的用法 : 匹配任何结尾为 n 的字符串

(&|$)的含义 : 匹配任何以&结尾 或者 以空白结尾的参数 (也就是说匹配了该参数在中间或者最后一个参数的情况)

([^&]*)(&|$)的含义 : 匹配 &之外的以任意多个 参数值,一旦遇到&或者空白就中止

(遇到&说明到下一个参数了,也就是该参数在中间的情况,遇到空白说明没有值了,也就是该参数为最后一个参数)

最后整个"(^|&)" + name + "=([^&]*)(&|$)的含义 :
匹配以 &name=开头 或者 name=开头 中间为任意多个除了&以外的字符 一旦遇到&或者空白就中止取值

最后就是第二个参数:

i : 执行对大小写不敏感的匹配 (也就是说 我们要的参数 state 可以匹配 state 或者 STATE 或者 StAtE 等等吧 就是对大小写不敏感)

g : 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)

m : 执行多行匹配

补充 : 创建一个RegExp对象: new RegExp(pattern,attributes);

如果使用new关键字 则会创建一个RegExp对象,如果不使用new关键字则不会创建RegExp对象(直接当做一个正则字符串使用)

ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。

标签:匹配,name,Url,state,某一,参数,new,RegExp,参数值
来源: https://blog.csdn.net/qq_36810917/article/details/117427176

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有