如何检测URL中的userid参数并提取其值填入指定input？

嘿，我来帮你搞定这个提取userid参数的问题！你已经搭好了基础的判断逻辑和填充代码框架，现在只需要补上提取参数值的核心部分就行，我给你两种实用方案，分别适配不同的浏览器兼容需求：

方案一：用现代浏览器原生API（推荐） #

现在绝大多数现代浏览器都支持URLSearchParams这个原生API，专门用来处理URL查询参数，代码简洁还不容易出错：

<input type="hidden" name="userid" value="" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// 获取URL中的查询参数集合
const searchParams = new URLSearchParams(window.location.search);
// 直接提取userid参数的值
const userIdValue = searchParams.get('userid');

// 如果userid参数存在，就把值填充到input里
if (userIdValue) {
  $('input[name=userid]').val(userIdValue);
}
</script>

这个方法会自动处理userid参数在URL中间（比如www.xyz.com/?foo=bar&userid=1234&baz=qux）或者末尾的情况，不用自己写复杂的字符串判断逻辑。

方案二：用正则表达式（兼容旧浏览器） #

如果需要兼容一些不支持URLSearchParams的老旧浏览器，可以用正则表达式来匹配，完全符合你要求的“取userid=之后到末尾或&之前的内容”规则：

<input type="hidden" name="userid" value="" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// 定义匹配userid参数的正则表达式
const userIdRegex = /userid=([^&]+)/;
// 从当前URL中匹配目标内容
const matchResult = window.location.href.match(userIdRegex);

// 如果匹配到结果，就提取分组里的参数值并填充
if (matchResult) {
  const userIdValue = matchResult[1];
  $('input[name=userid]').val(userIdValue);
}
</script>

这里的正则/userid=([^&]+)/可以拆解为：

• userid=：精准匹配参数名的固定前缀
• ([^&]+)：用括号捕获目标值，[^&]表示匹配除了&之外的任意字符，+表示匹配一个或多个，这样就能精准拿到userid的值，不管它在URL的哪个位置。

两种方案都能完美提取示例URLwww.xyz.com/?userid=1234里的1234并填充到input中，你可以根据自己的项目兼容需求选择~

内容的提问来源于stack exchange，提问作者Maximilian Neuse