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

Question

这个问题已经有答案了:

Get the values from the "GET" parameters (JavaScript) [duplicate] (63 个回答)

How can I get query string values in JavaScript? (73 个回​​答)

已关闭 4 年前。

我想检查 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() 获取查询字符串值的接口(interface).

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

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

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