本文介绍如何在 JavaScript 中直接获取 URL 请求参数。通过 window.location.search 提取问号后的字符串,并利用正则表达式解析特定参数值。文中提供了完整的 getUrlParam 函数代码及调用示例,无需后台配合即可在前端实现参数获取。
JavaScript 获取 URL 参数详解
除了在后端获取参数值再传递给前端,我们也可以直接在 JavaScript 中处理。若需了解如何获取后台 C# 变量及调用后台方法,可参考相关文章。
实际上,利用 window.location.search 可以直接获取从当前 URL 问号(?)开始的部分字符串。例如,对于链接 ?id=001,该属性返回的 search 值为 ?id=001。对这一字符串进行后续处理,即可提取出具体参数的值。
具体实现代码如下:
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
} 调用上述方法时,只需传入目标参数的名称,即可获取对应的值。例如,执行 getUrlParam("id") 即可得到 id 参数的值。