在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 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
Mar 18 Javascript
js单向链表的具体实现实例
Jun 21 Javascript
js图片实时加载提供网页打开速度
Sep 11 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 Javascript
angular 动态组件类型详解(四种组件类型)
Feb 22 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
Jul 26 Javascript
老生常谈JavaScript面向对象基础与this指向问题
Oct 16 Javascript
通过原生vue添加滚动加载更多功能
Nov 21 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
vant时间控件使用方法详解
Dec 24 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+mysql事务rollback&amp;commit示例
2010/02/08 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
在Javascript中为String对象添加trim,ltrim,rtrim方法
2006/09/22 Javascript
JavaScript经典效果集锦
2010/07/06 Javascript
JavaScript Array Flatten 与递归使用介绍
2011/10/30 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
2013/07/03 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
谈谈JavaScript中的几种借用方法
2016/08/09 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
Vue.js对象转换实例
2017/06/07 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
微信小程序页面间传值与页面取值操作实例分析
2019/04/30 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
Python模块学习 re 正则表达式
2011/05/19 Python
Python实现把xml或xsl转换为html格式
2015/04/08 Python
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
python开发简易版在线音乐播放器
2017/03/03 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
Python面向对象类的继承实例详解
2018/06/27 Python
numpy向空的二维数组中添加元素的方法
2018/11/01 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
基于keras中的回调函数用法说明
2020/06/17 Python
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
理工科学生的自我评价
2013/12/15 职场文书
2014年入党积极分子党课学习心得体会模板
2014/04/03 职场文书
垃圾分类的活动方案
2014/08/15 职场文书
质检员工作总结2015
2015/04/25 职场文书
葬礼主持词
2015/07/02 职场文书
辞职离别感言
2015/08/04 职场文书
演讲稿之开卷有益
2019/08/07 职场文书