在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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 Javascript
javascript手工制作悬浮菜单
Feb 12 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
javascript实现可键盘控制的抽奖系统
Mar 10 Javascript
javascript单页面手势滑屏切换原理详解
Mar 21 Javascript
Bootstrap Table使用整理(一)
Jun 09 Javascript
jQuery实现简单的手风琴效果
Apr 17 jQuery
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
Jul 08 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 Javascript
js实现拖拽元素选择和删除
Aug 25 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
Yii2 RESTful中api的使用及开发实例详解
2016/07/06 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
js 巧妙去除数组中的重复项
2010/01/25 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
js获取input标签的输入值实现代码
2013/08/05 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
利用js动态添加删除table行的示例代码
2013/12/16 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
JavaScript async/await原理及实例解析
2020/12/02 Javascript
python基础教程之lambda表达式使用方法
2014/02/12 Python
Python中断言Assertion的一些改进方案
2016/10/27 Python
Python运维之获取系统CPU信息的实现方法
2018/06/11 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
python使用Turtle库绘制动态钟表
2018/11/19 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
Python 互换字典的键值对实例
2019/02/12 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
简单了解python调用其他脚本方法实例
2020/03/26 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
Python模块常用四种安装方式
2020/10/20 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
最新自我评价范文
2013/11/16 职场文书
幼儿园美术教学反思
2014/01/31 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
大学生赌博检讨书
2014/09/22 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
学生会工作感言
2015/08/07 职场文书
JavaWeb 入门篇:创建Web项目,Idea配置tomcat
2021/07/16 Java/Android
台积电称即便经济低迷也没有降价的计划
2022/04/21 数码科技
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang