如何使用本机 API 和传统技术在 JavaScript 中访问 GET 请求参数？

在 JavaScript 中访问 GET 请求参数

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

原始解决方案：

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

<code class="js">function getQueryParam(name) {
  const regex = new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}</code>

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

示例：

<code class="js">const foo = getQueryParam('foo');</code>

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

以上是如何使用本机 API 和传统技术在 JavaScript 中访问 GET 请求参数？的详细内容。更多信息请关注PHP中文网其他相关文章！