在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 相关文章推荐
JQuery live函数
Dec 24 Javascript
关于js类的定义
Jun 28 Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
悬浮广告方法日常收集整理
Mar 18 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
May 11 Javascript
vue 页面加载进度条组件实例
Feb 05 Javascript
bootstrap模态框关闭后清除模态框的数据方法
Aug 10 Javascript
Vue.Draggable拖拽功能的配置使用方法
Jul 29 Javascript
微信小程序实现两个页面传值的方法分析
Dec 11 Javascript
layui table 表格模板按钮的实例代码
Sep 21 Javascript
vue实现跳转接口push 转场动画示例
Nov 01 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入门
2006/10/09 PHP
PHP Session变量不能传送到下一页的解决方法
2009/11/27 PHP
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
php正则表达式学习笔记
2015/11/13 PHP
php实现的debug log日志操作类实例
2016/07/12 PHP
php mysql 封装类实例代码
2016/09/18 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
jquery 最简单的属性菜单
2009/10/08 Javascript
JavaScript 学习初步 入门教程
2010/03/25 Javascript
jQuery中get()方法用法实例
2014/12/27 Javascript
Javascript中Array用法实例分析
2015/06/13 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
JavaScript类的写法
2016/09/17 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
jQuery按需加载轮播图(web前端性能优化)
2017/02/17 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
2018/03/13 Javascript
Vue中常用rules校验规则(实例代码)
2019/11/14 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
[06:04]DOTA2英雄梦之声Vol19卓尔游侠
2014/06/20 DOTA
python基础教程之字典操作详解
2014/03/25 Python
python脚本监控docker容器
2016/04/27 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
Python 私有化操作实例分析
2019/11/21 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
Python多线程thread及模块使用实例
2020/04/28 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
Python基于traceback模块获取异常信息
2020/07/23 Python
CSS3中各种颜色属性的使用教程
2016/05/17 HTML / CSS
学期评语大全
2014/04/30 职场文书
售后服务质量承诺书
2015/04/29 职场文书
浅谈spring boot使用thymeleaf版本的问题
2021/08/04 Java/Android
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技