在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 提升运行速度之循环篇 译文
Aug 15 Javascript
jQuery-Easyui 1.2 实现多层菜单效果的代码
Jan 13 Javascript
JavaScript prototype 使用介绍
Aug 29 Javascript
jquery实现鼠标滑过显示提示框的方法
Feb 05 Javascript
javascript self对象使用详解
Oct 18 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
Nov 21 Javascript
详解PHP后期静态绑定分析与应用
Mar 21 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
Aug 28 Javascript
Vue.js组件高级特性实例详解
Dec 24 Javascript
吃通javascript正则表达式
Apr 21 Javascript
canvas实现贪食蛇的实践
Feb 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蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
php采用file_get_contents代替使用curl实例
2014/11/07 PHP
php生成shtml类用法实例
2014/12/09 PHP
PDO::beginTransaction讲解
2019/01/27 PHP
Javascript之文件操作
2007/03/07 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
extjs两个tbar问题探讨
2013/08/08 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
2013/08/21 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
node.js 使用ejs模板引擎时后缀换成.html
2015/04/22 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
在Python的Django框架中包装视图函数
2015/07/20 Python
python中文分词教程之前向最大正向匹配算法详解
2017/11/02 Python
Python数据结构与算法之图的广度优先与深度优先搜索算法示例
2017/12/14 Python
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
bluepy 一款python封装的BLE利器简单介绍
2019/06/25 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
pytorch进行上采样的种类实例
2020/02/18 Python
python开发一个解析protobuf文件的简单编译器
2020/11/17 Python
Python爬虫进阶之爬取某视频并下载的实现
2020/12/08 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
使用HTML5技术开发一个属于自己的超酷颜色选择器
2013/09/22 HTML / CSS
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
公司活动方案范文
2014/03/06 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
python实现监听键盘
2021/04/26 Python
Window server中安装Redis的超详细教程
2021/11/17 Redis
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS