在 JavaScript 中访问 GET 请求参数

现代浏览器提供用于操作 URL 和查询字符串的本机 API。这些 API，包括 URL 和 URLSearchParams，应优先考虑与现代浏览器的兼容性。

原始解决方案：

在原生 API 之前，所有 GET 请求参数都可以通过window.location.search 属性。但是，这需要手动解析查询字符串。可以使用以下函数：

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

此函数采用 GET 参数名称并返回其值。如果参数不存在或没有值，则返回 undefined。

示例：

const foo = getQueryParam('foo');

这会将 GET 参数 foo 的值分配给 foo 变量。