在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 相关文章推荐
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
Jul 21 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
jQuery垂直多级导航菜单代码分享
Aug 18 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
AngularJS指令用法详解
Nov 02 Javascript
js实现倒计时及时间对象
Nov 15 Javascript
微信小程序 保留小数(toFixed)详细介绍
Nov 16 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 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 一元分词算法
2009/11/30 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
2011/01/19 Javascript
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
2013/01/27 Javascript
js 用CreateElement动态创建标签示例
2013/11/20 Javascript
跟我学习javascript的基本类型和引用类型
2015/11/16 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
微信小程序之多文件下载的简单封装示例
2018/01/29 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
webpack是如何实现模块化加载的方法
2019/11/06 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
2020/11/09 jQuery
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
Python实现对百度云的文件上传(实例讲解)
2017/10/21 Python
matplotlib 纵坐标轴显示数据值的实例
2018/05/25 Python
解决Python安装后pip不能用的问题
2018/06/12 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
Python 实现劳拉游戏的实例代码(四连环、重力四子棋)
2021/03/03 Python
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
在校大学生个人的自我评价
2014/02/13 职场文书
统计岗位职责
2014/02/21 职场文书
2014庆六一活动方案
2014/03/02 职场文书
工资收入证明
2014/10/07 职场文书
2014年银行客户经理工作总结
2014/11/12 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
2015年女生节活动总结
2015/02/27 职场文书
辩护意见书
2015/06/04 职场文书
如何书写先进事迹材料?
2019/07/02 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS
MySQL分区表实现按月份归类
2021/11/01 MySQL