现代浏览器提供用于操作 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中文网其他相关文章!