在JavaScript中获取请求的URL参数
更新时间：2010年12月22日 16:04:55 作者：
在ASP.NET后台代码中，对于这样的URL请求地址：http://www.abc.com?id=001,我们可以通过Request.QueryString["id"]的方法很容易的获取到URL中请求的参数的值，但是要在前台js代码中获取请求的参数的值，应该怎么做呢？
当然我们可以在后台中获取参数的值，然后在前台js代码中获取变量的值，具体做法请参考我的这篇文章:JavaScript获取后台C#变量以及调用后台方法。
其实我们也可以直接在js中获取请求的参数的值，通过使用window.location.search可以获取到当前URL的?号开始的字符串，如前面的链接获取到的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")。
其实我们也可以直接在js中获取请求的参数的值，通过使用window.location.search可以获取到当前URL的?号开始的字符串，如前面的链接获取到的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")。
您可能感兴趣的文章:
- js获取url参数值的两种方式
- JS URL传中文参数引发的乱码问题
- JS获取URL中参数值（QueryString）的4种方法分享
- javascript/jquery获取地址栏url参数的方法
- js URL参数的拼接方法比较
- js修改地址栏URL参数解决url参数问题
- JavaScript Base64编码和解码，实现URL参数传递。
- JavaScript URL参数读取改进版
- javascript 获取url参数的正则表达式(用来获取某个参数值)
- js获取url中的参数且参数为中文时通过js解码
- js实现将选中内容分享到新浪或腾讯微博
- JS实现仿腾讯微博无刷新删除微博效果代码
- JS 仿腾讯发表微博的效果代码
- javascript实现的仿腾讯QQ窗口抖动效果代码
- js获取腾讯视频ID的方法
相关文章
这篇文章主要为大家详细介绍了JS canvas实现画板和签字板功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-02-02
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
在火狐下 可以正常取得时间，在IE7下 却是 NaN。纠结老长时间，放弃了new date 然后再老外的论坛中找了一段段代码可以兼容所有浏览器的格式化日期代码2012-03-03
这篇文章介绍了javascript间隔刷新的简单实例，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了10大Js图像处理库，对图像处理感兴趣的同学，可以参考下2021-04-04
本文主要介绍了JavaScript宏任务和微任务执行顺序，结合实例代码进行了详细的讲解，需要的朋友们下面随着小编来一起学习学习吧2021-06-06
这篇文章主要介绍了Bootstrap实现前端登录页面带验证码功能,结合完整实例形式分析了Bootstrap前端登录页面带验证码界面布局与功能实现相关操作技巧,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了60行js代码实现俄罗斯方块，可能会有些小bug，不过总体上还是比较不错的。大伙来研究下代码，给出意见。2015-03-03
这篇文章主要给大家介绍了关于uniapp存储数据到本地文件及读取本地文件数据的相关资料,在开发uniapp应用时,我们常常需要使用本地存储来保存一些数据,比如用户登录信息、设置项等,本文通过代码介绍的非常详细,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了JavaScript实现动态网页时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
有时候为了更好的实现代码分离，不用把时间直接写到代码中。通过动态绑定事件即可。2011-01-01
最新评论