在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 相关文章推荐
js 与或运算符 || &amp;&amp; 妙用
Dec 09 Javascript
js实现的点击数量加一可操作数据库
May 09 Javascript
jQuery实现下拉加载功能实例代码
Apr 01 Javascript
js仿手机页面文件下拉刷新效果
Oct 14 Javascript
js实现简单的网页换肤效果
Jan 18 Javascript
JavaScript Uploadify文件上传实例
Feb 28 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 Javascript
命令行批量截图Node脚本示例代码
Jan 25 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 Javascript
Vue如何获取数据列表展示
Dec 11 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 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
解析左右值无限分类的实现算法
2013/06/20 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
详细讲解JS节点知识
2010/01/31 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
2012/10/11 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
手机端转换rem适应
2017/04/01 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
JS文件中加载jquery.js的实例代码
2018/05/05 jQuery
vue移动端html5页面根据屏幕适配的四种解决方法
2018/10/19 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
[48:32]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
实例讲解Python设计模式编程之工厂方法模式的使用
2016/03/02 Python
关于python的list相关知识(推荐)
2017/08/30 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
Python解决走迷宫问题算法示例
2018/07/27 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
Pycharm 2020最新永久激活码(附最新激活码和插件)
2020/09/17 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
Agoda香港:全球特价酒店预订
2017/05/07 全球购物
测控技术与通信工程毕业生自荐信范文
2013/12/28 职场文书
校园之星获奖感言
2014/01/29 职场文书
可贵的沉默教学反思
2014/02/06 职场文书
《再别康桥》教学反思
2014/02/12 职场文书
大学生村官演讲稿
2014/04/25 职场文书
优秀乡村医生先进事迹材料
2014/08/23 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
安装工程师岗位职责
2015/02/13 职场文书
初中政治教学工作总结
2015/08/13 职场文书