在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 相关文章推荐
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
jQuery实现的立体文字渐变效果
May 17 Javascript
JavaScript的类型简单说明
Sep 03 Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 Javascript
详解javascript的变量与标识符
Jan 04 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
用js实现before和after伪类的样式修改的示例代码
Sep 07 Javascript
vue2.0在没有dev-server.js下的本地数据配置方法
Feb 23 Javascript
axios 封装上传文件的请求方法
Sep 26 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
May 16 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 session应用实例 登录验证
2009/03/16 PHP
用PHP将数据导入到Foxmail的实现代码
2010/09/05 PHP
php 数组使用详解 推荐
2011/06/02 PHP
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
php开发文档 会员收费1期
2012/08/14 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
泛谈JS逻辑判断选择器 || &amp;&amp;
2019/05/24 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
Javascript ParentNode和ChildNode接口原理解析
2020/03/16 Javascript
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
python中Genarator函数用法分析
2015/04/08 Python
Python实现对比不同字体中的同一字符的显示效果
2015/04/23 Python
Python字符串替换实例分析
2015/05/11 Python
Python实现图像几何变换
2015/07/06 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
python 时间信息“2018-02-04 18:23:35“ 解析成字典形式的结果代码详解
2018/04/19 Python
Python unittest框架操作实例解析
2020/04/13 Python
《我的第一本书》教学反思
2014/02/15 职场文书
初中毕业生的自我评价
2014/03/03 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
小学生期末评语
2014/04/21 职场文书
学生干部培训方案
2014/06/12 职场文书
企业务虚会发言材料
2014/10/20 职场文书
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL