在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 相关文章推荐
JavaScript使用cookie
Feb 02 Javascript
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
Stop SQL Server
Jun 21 Javascript
jQuery 注意事项 与原因分析
Apr 24 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
Aug 07 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
Sep 08 Javascript
使用JQuery选择HTML遍历函数的方法
Sep 17 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
Jul 10 Javascript
详解webpack4多入口、多页面项目构建案例
May 25 Javascript
解决vue无法设置滚动位置的问题
Oct 07 Javascript
微信小程序实现列表左右滑动
Nov 19 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
一个程序下载的管理程序(三)
2006/10/09 PHP
php URL验证正则表达式
2011/07/19 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
php生成excel列名超过26列大于Z时的解决方法
2014/12/29 PHP
详解WordPress中添加和执行动作的函数使用方法
2015/12/29 PHP
textContent在Firefox下与innerText等效的属性
2007/05/12 Javascript
js 居中漂浮广告
2010/03/21 Javascript
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
2013/11/08 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
JavaScript 表单处理实现代码
2015/04/13 Javascript
js判断手机号运营商的方法
2015/10/23 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
用vue构建多页面应用的示例代码
2017/09/20 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
基于Element封装一个表格组件tableList的使用方法
2020/06/29 Javascript
[54:19]完美世界DOTA2联赛PWL S2 Magma vs PXG 第二场 11.28
2020/12/01 DOTA
Python入门篇之字符串
2014/10/17 Python
使用PDB模式调试Python程序介绍
2015/04/05 Python
python魔法方法-自定义序列详解
2016/07/21 Python
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
pandas将多个dataframe以多个sheet的形式保存到一个excel文件中
2019/10/10 Python
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
2013/01/07 HTML / CSS
澳大利亚连衣裙和女装在线:Esther
2017/11/11 全球购物
施工资料员岗位职责
2014/01/06 职场文书
初中学生评语大全
2014/04/24 职场文书
庆六一活动总结
2014/08/29 职场文书
综合测评自我评价
2015/03/06 职场文书
未婚证明范本
2015/06/15 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书
Python3接口性能测试实例代码
2021/06/20 Python