当前位置: 代码迷 >> JavaScript >> Javascript 获取地址栏里(URL)传接的参数
  详细解决方案

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

热度:226   发布时间:2013-03-22 09:49:50.0
Javascript 获取地址栏里(URL)传递的参数

有时我们需要在js文件中用URL传来的参数,但是Javascript是客户端执行的脚本语言,而Session是服务器端的对象,我们不能直接取得Session中的值。那么,我们该如何在JS文件中获取URL中的参数呢?

下面介绍两种方式,一种是字符串拆分法,另一种是正则匹配法。


第一种:字符串拆分

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

//获取地址栏里(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;
}
调用函数代码:

var Request = new Object();
//获取url中的参数
Request = GetRequest();
var ID, Name; //ID、名字

ID = Request['ID']; //ID
Name = Request['Name']; //名字


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

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;
}   
调用代码:

var ID;
ID = GetQueryString("ID");


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


  相关解决方案