标签：name 正则表达式 前端 xxx yyy 获取 参数 解析
author: Nathannie
date: 2022-04-17-00:05
需求/前言
学习SSM项目，遇到问题，其中因为获取不到请求参数导致无法获取所需数据，这一步，学习的视频中使用一个工具方法getQueryString，涉及到正则表达式内容，对这块不了解，耽误了时间。因此特地学习研究一下。
分析
步骤：
- 获取浏览器地址栏请求的地址url（带请求参数,形如
http://8080/xxx/yyy/?xxx=yyy&xxx=yyy。 - 获取参数部分的字符串内容，形如
?xxx=yyy&xxx=yyy。 - 使用正则表达式解析出参数值，形如
yyy。
步骤
- 获取参数部分的字符串内容：
window.location.search,可以得到?xxx=yyy&xxx=yyy这部分。 - 使用正则表达式解析出参数值：
new RegExp("(^|&)" + name + "=([^&]*)(&|$)")创建一个正则表达式匹配模式，可以匹配出xxx=yyy或&xxx=yyy的内容，也即请求参数部分（除去?）。
代码
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r !== null) {
return decodeURIComponent(r[2]);
}
return '';
}
分析：
(^|&)匹配字符串开头或者&字符。name匹配我们要取的GET参数的名字。([^&]*)匹配非&之外的任意字符，*表示任意数量。(&|$)匹配&字符或者结束。
也就是说找到以"(&)name=xxx(&)"样式的内容。
然后window.location.search表示从问号(?)开始的url部分，substr(1)表示从字符串中抽掉第一个字符，也就是去掉问号(?)。（参考)
问题： 目的是获取参数部分内容，但是上述正则表达式写成(^|[a-zA-Z0-9]+)=([^&]*)|$无法获取所需内容？（有待研究）。经过测试，这个正则表达式(^|[a-zA-Z0-9]+)=([^&]*)|$，可以完全获取参数部分内容：
参考
- https://blog.csdn.net/m0_48182879/article/details/106516426
- https://blog.csdn.net/tfstone/article/details/80446093
标签：name,正则表达式,前端,xxx,yyy,获取,参数,解析 来源： https://www.cnblogs.com/martin-1/p/16154857.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。