通过js获取Url的参数值
类别:Web前端 浏览量:1812
时间:2013-7-29 通过js获取Url的参数值
通过js获取Url的参数值我们知道在C#中获取Url的参数值,可以通过 Request.QueryString["参数名称"],或者 Request["参数名称"] 获取到,但js中没有这样的方法,不过,我们可以在js中通过正则表达式获取,或者通过js的split方法分离得到参数数组,然后再循环比较获取其指定的参数值。下面讲解一下这两种方式:
方法一:正则分析法
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } //调用方法: alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); alert(GetQueryString("参数名3"));
方法二:JS split 分隔成数组,循环匹配
<script language="javascript"> function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); } } return theRequest; } </script> //调用方法: <script language="javascript"> var Request = new Object(); Request = GetRequest(); var 参数1,参数2,参数3,参数N; 参数1 = Request['参数1']; 参数2 = Request['参数2']; 参数3 = Request['参数3']; 参数N = Request['参数N']; </script>
您可能感兴趣
- Extjs menu菜单的简单用法
- MVC中JS获取后台的数据
- js如何将json字符串转换为json对象
- JS实现文字向下滚动
- js打印斐波那契数列(JavaScript输出斐波那契数列的实现方法)
- mysql服务器端安装步骤(windows下jsp+mysql网站环境配置方法)
- js编写一个数组去重的方法(JS实现数组过滤从简单到多条件筛选)
- js中encodeURIComponent与C#中HttpUtility.UrlEncode
- jsp实现短信验证码(手动实现js短信验证码输入框)
- js绘制平滑路径(如何利用Javascript生成平滑曲线详解)
- vue3 响应式的实现过程(Vue3.x使用mitt.js进行组件通信)
- js简单小游戏代码(用JS实现飞机大战小游戏)
- Extjs中FieldSet的收缩和展开
- js的replace的用法
- js基础入门到高级教程(浅谈如何循序渐进的学好JS)
- chrome调试js
- 赏读 八月再见,九月你好(赏读八月再见九月你好)
- 散文 八月再见,九月,我在风中等你(散文八月再见九月)
- 8月再见 9月你好(8月再见)
- 魔兽世界 设计师爆料,原始版本并无PVP,跨阵营属于返璞归真(魔兽世界设计师爆料)
- 吐槽完《弧光大作战》之后,我们和设计师聊了聊魔兽首款手游的立项初衷和未来(吐槽完弧光大作战之后)
- 魔兽争霸3自定义战役少年杰雷 2(魔兽争霸3自定义战役少年杰雷)
热门推荐
- php的数据类型约束的好处(PHP中的Iterator迭代对象属性详解)
- .NET开发中应该遵循的几个规则
- vue 动态绑定指令(vue动态绑定图标的完整步骤)
- win7搭建ftp服务器(个人主机如何搭建FTP服务器?win7版本)
- C#静态变量、静态方法、静态类
- canvas跟随鼠标绘制(如何在Canvas上的图形/图像绑定事件监听的实现)
- tomcat在windows下内存配置(浅谈Tomcat内存配置的正确姿势)
- dede友情链接改为logo轮播教程(织梦dede调用四级栏目的实现方法)
- python元组汇总(Python数据类型之Tuple元组实例详解)
- css三栏布局详解(CSS三列布局的多种表现形式)