在JavaScript中获取请求的URL参数[正则]


Posted in Javascript onDecember 25, 2010

第一种方法:,代码比较专业 推荐

<script> 
function GetLocationParam(param){ 
var request = { 
QueryString : function(val) { 
var uri = window.location.search; 
var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 
return ((uri.match(re))?(decodeURI(uri.match(re)[0].substr(val.length+1))):''); 
} 
} 
return request.QueryString(param); 
} 
var uid=GetLocationParam("uid"); 
</script>

第二种方法:
当然我们可以在后台中获取参数的值,然后在前台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")。
Javascript 相关文章推荐
学习ExtJS(二) Button常用方法
Oct 07 Javascript
jquery获取input表单值的代码
Apr 19 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Jan 11 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
js动态添加onclick事件可传参数与不传参数
Jul 29 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
May 09 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
js微信分享实现代码
Oct 11 Javascript
VUE 使用中踩过的坑
Feb 08 Javascript
原生JS进行前后端同构
Apr 22 Javascript
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 Javascript
详解Vue.js 响应接口
Jul 04 Javascript
extjs之去除s.gif的影响
Dec 25 #Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
Dec 25 #Javascript
javascript与webservice的通信实现代码
Dec 25 #Javascript
基于node.js的快速开发透明代理
Dec 25 #Javascript
用方法封装javascript的new操作符(一)
Dec 25 #Javascript
一些javascript一些题目的解析
Dec 25 #Javascript
javascript字符串拼接的效率问题
Dec 25 #Javascript
You might like
PHP 高手之路(三)
2006/10/09 PHP
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
jQuery子窗体取得父窗体元素的方法
2015/05/11 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
jQuery Ajax页面局部加载方法汇总
2016/06/02 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
BootStrap整体框架之基础布局组件
2016/12/15 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
node中Express 动态设置端口的方法
2017/08/04 Javascript
vue自定义过滤器创建和使用方法详解
2017/11/06 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
基于vue实现移动端圆形旋钮插件效果
2018/11/28 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python 专题九 Mysql数据库编程基础知识
2017/03/16 Python
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
Python中的random.uniform()函数教程与实例解析
2019/03/02 Python
Python sep参数使用方法详解
2020/02/12 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
给面试官的感谢信
2014/02/01 职场文书
骨干教师考核方案
2014/05/09 职场文书
科技活动周标语
2014/10/08 职场文书
校园会短篇的广播稿
2014/10/21 职场文书
食品卫生管理制度
2015/08/06 职场文书
解决redis sentinel 频繁主备切换的问题
2021/04/12 Redis
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js