jquery获取url地址与url参数

发布时间:2020-12-22编辑:脚本学堂
有关jquery取得url地址与url参数值的方法,jquery获取url参数,用到了正则表达式,传递url中的参数名就可以获取到参数的值,需要的朋友参考下。

jquery获取url、jquery获取url参数。

1、jquery获取url
window.location.href;
window对象用法

2、jquery获取url参数,用到了正则表达式
通过javascript是如何来获取url中的某个参数:
 

复制代码 代码示例:
//获取url中的参数
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; //返回参数值
}
 

通过这个函数传递url中的参数名就可以获取到参数的值,比如url为
http://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx

获取reurl的值:
 

var xx = getUrlParam('reurl');

了解了javascript获取url参数的方法,可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数。

例子,jquery扩展了一个getUrlParam()方法。
 

复制代码 代码示例:
(function ($) {
     $.getUrlParam = function (name) {
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if (r != null) return unescape(r[2]); return null;
     } // www.jb200.com
 })(jQuery);

为jquery扩展此方法后,可以通过如下方法获取某个参数的值:
 

var xx = $.getUrlParam('reurl');

完整代码:
 

复制代码 代码示例:

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
 //方法二:
 (function ($) {
     $.getUrlParam = function (name) {
         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
         var r = window.location.search.substr(1).match(reg);
         if (r != null) return unescape(r[2]); return null;
     }
 })(jQuery);

 //方法二:
 var xx = $.getUrlParam('reurl');

 //方法一:
 // var xx = getUrlParam('reurl');
 alert(xx);
});

//方法一:
//获取url中的参数
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; //返回参数值
}
 </script>

在用上面的方法获取url中的参数时,url中传递的中文参数在解析的时候无论怎么测试,获取的都是乱码
传递参数时,对汉字编码使用的是 encodeURI ,而上面的方法在解析参数编码时使用的是unescape ,修改为 decodeURI 就可以了。

附,W3School中的介绍:

JavaScript unescape() 函数
定义和用法
unescape() 函数可对通过 escape() 编码的字符串进行解码。

参数 描述
string 必需。要解码或反转义的字符串。

说明
该函数的工作原理是这样的:通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字),用 Unicode 字符 u00xx 和 uxxxx 替换这样的字符序列进行解码。

提示和注释
注释:ECMAScript v3 已从标准中删除了 unescape() 函数,并反对使用它,因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。

综上: javascript对参数编码解码方法要一致:
 

escape()   unescape()
encodeURI()   decodeURI()
encodeURIComponent()  decodeURIComponent() 

另一种javascript获取url中参数的方法:
 

复制代码 代码示例:

function GetUrlParms()   
{
    var args=new Object();  
    var query=location.search.substring(1);//获取查询串  
    var pairs=query.split("&");//在逗号处断开  
    for(var   i=0;i<pairs.length;i++)  
    {  
  var pos=pairs[i].indexOf('=');//查找name=value  
 if(pos==-1)   continue;//如果没有找到就跳过  
 var argname=pairs[i].substring(0,pos);//提取name  
 var value=pairs[i].substring(pos+1);//提取value  
 args[argname]=unescape(value);//存为属性  
}
    return args;
}
var args = new Object();
args = GetUrlParms();

//如果要查找参数key:
if(args["id"]!=undefined)
{
//如果要查找参数key:
var value1 = args["id"] ;
alert(value1);
}