检查URL的参数并复制到输入中

Question

我要检查URL的参数。如果该参数存在，我想将其传递给输入。

URL例如。 www.xyz.com/?userid=1234

目标应该是：

1. 检查URL是否包含参数“ userid =”
2. 如果是，则将值设置为值的输入

我的问题是，我不知道如何获取参数的值。在我看来，它必须类似于“将“ userid =“之后的所有内容取至末尾，或将“＆”（可能是新值的开始）取整”。

我想我会这样做：

<input type="hidden" name="userid" type="text" value="" />

if(window.location.href.indexOf('userid=') > -1) { ... }
$('input[name=userid]').val('...');

最后，在我的示例中，输入的值应为“ 1234”。

Answer 1

您可以使用URLSearchParams界面通过searchParams.get()来获取查询字符串值。

var params = new URLSearchParams(url);
console.log(params.get("userid"));

要检查URL中是否存在搜索参数，请使用URLSearchParams.has()

params.has('userid') === true;