码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript 获取地址栏里(URL)传递的参数

时间:2015-05-20 14:41:57      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

有时我们需要在js文件中用URL传来的参数,但是Javascript是客户端执行的脚本语言,而Session是服务器端的对象,我们不能直接取得Session中的值。那么,我们该如何在JS文件中获取URL中的参数呢? 
下面介绍两种方式,一种是字符串拆分法,另一种是正则匹配法。

 

第一种:字符串拆分法

这种方式是通过location.search方法取得URL中的参数部分,然后再进一步处理得到的。具体代码如下:

[javascript] 

//获取地址栏里(URL)传递的参数  

function GetRequest() {  

    //url例子:XXX.aspx?ID=" + ID + "&Name=" + Name;  

    var url = location.search; //获取url中"?"符以及其后的字串  

    var theRequest = new Object();  

    if(url.indexOf("?") != -1)//url中存在问号,也就说有参数。  

    {   

      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;  

}  

调用函数代码:

[javascript]  

var Request = new Object();  

//获取url中的参数  

Request = GetRequest();  

var ID, Name; //ID、名字  

  

ID = Request[ID]; //ID  

Name = Request[Name]; //名字  

 

第二种:正则匹配法

这种方法其实原理和上一种方法类似,都是从URL中提取,只是提取的方法不同而已。

[javascript]  

function GetQueryString(name) {  

    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");  

    var r = window.location.search.substr(1).match(reg);  

     

    if (r != null) {   

        return unescape(r[2]);  

    }  

    return null;  

}     

调用代码:

[javascript]  

var ID;  

ID = GetQueryString("ID");  

 

以上就是Javascript中获取URL中参数的两种方法。

 
 

 

Javascript 获取地址栏里(URL)传递的参数

标签:

原文地址:http://www.cnblogs.com/Strugglehard/p/4516975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!