在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 应用类库代码
Jun 02 Javascript
JS将制定内容复制到剪切板示例代码
Feb 11 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
深入浅析JavaScript面向对象和原型函数
Feb 06 Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
Dec 13 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
在vue项目中使用sass语法问题
Jul 18 Javascript
使用layui定义一个模块并使用的例子
Sep 14 Javascript
环形加载进度条封装(Vue插件版和原生js版)
Dec 04 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 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常用字符串比较函数实例汇总
2014/11/24 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
Javascript注入技巧
2007/06/22 Javascript
JQuery Dialog的内存泄露问题解决方法
2010/06/18 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
$.format,jquery.format 使用说明
2011/07/13 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
javascript中undefined与null的区别
2015/08/16 Javascript
JavaScript中动态向表格添加数据
2017/01/24 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
react-router-dom 嵌套路由的实现
2020/05/02 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
iview实现图片上传功能
2020/06/29 Javascript
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
Python lambda和Python def区别分析
2014/11/30 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
Gauss-Seidel迭代算法的Python实现详解
2019/06/29 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
电气自动化大学生求职信
2013/10/16 职场文书
幼儿园教师工作感言
2014/02/15 职场文书
运动会广播稿20字
2014/02/18 职场文书
授权委托书格式模板
2014/04/03 职场文书
乡镇防汛工作汇报
2014/10/28 职场文书
典型事迹材料范文
2014/12/29 职场文书
交通事故被告代理词
2015/05/23 职场文书
团队拓展训练感想
2015/08/07 职场文书
基于PostgreSQL/openGauss 的分布式数据库解决方案
2021/12/06 PostgreSQL