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中参数的两种方法


评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值