So erhalten Sie URL-Parameter und URL-Plus-Parameter in jquery

So erhalten Sie URL-Parameter und URL-Plus-Parameter in jquery_jquery

WBOY

Freigeben： 2016-05-16 15:35:13

Original

2951 Leute haben es durchsucht

Die Verwendung von jquery zum Abrufen von URLs und die Verwendung von jquery zum Abrufen von URL-Parametern sind Vorgänge, die wir häufig verwenden. Nachfolgend finden Sie eine Analyse in Form einer Textbeschreibung und einer Codeanalyse.

1. Es ist sehr einfach, die URL mit jquery abzurufen. Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

window.location.href;

Tatsächlich verwendet es nur das grundlegende Fensterobjekt von Javascript und nicht die Kenntnisse von JQuery.

2. Das Abrufen von URL-Parametern mit jquery ist komplizierter und erfordert die Verwendung regulärer Ausdrücke. Daher ist es wichtig, reguläre Javascript-Ausdrücke gut zu erlernen

Schauen wir uns zunächst an, wie man einen bestimmten Parameter in der URL einfach über Javascript erhält:

  //获取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; //返回参数值
  }

Nach dem Login kopieren

Sie können den Wert des Parameters erhalten, indem Sie den Parameternamen in der URL über diese Funktion übergeben. Die URL lautet beispielsweise

http://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx

Wir wollen den Wert von reurl erhalten, wir können so schreiben:

Code kopieren Der Code lautet wie folgt:

var xx = getUrlParam('reurl');

Verstehen Sie die Methode von Javascript zum Abrufen von URL-Parametern. Wir können diese Methode verwenden, um eine Methode für jquery zu erweitern, um URL-Parameter über jquery zu erhalten. Der folgende Code erweitert eine getUrlParam()-Methode für jquery

  (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);

Nach dem Login kopieren

Nachdem wir diese Methode für Jquery erweitert haben, können wir den Wert eines bestimmten Parameters mit der folgenden Methode ermitteln:

Code kopieren Der Code lautet wie folgt:

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

Vollständiger Code:

Nach dem Login kopieren

2014-4-23 修改

今天在用上面的方法获取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中参数的方法：

<script language="JavaScript" type="text/javascript"> 
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);
}</script>

Nach dem Login kopieren

jquery 取url参数和在url加参数

(function ($) {
 $.extend({
  Request: function (m) {
   var sValue = location.search.match(new RegExp("[\&#63;\&]" + m + "=([^\&]*)(\&&#63;)", "i"));
   return sValue &#63; sValue[1] : sValue;
  },
  UrlUpdateParams: function (url, name, value) {
   var r = url;
   if (r != null && r != 'undefined' && r != "") {
    value = encodeURIComponent(value);
    var reg = new RegExp("(^|)" + name + "=([^&]*)(|$)");
    var tmp = name + "=" + value;
    if (url.match(reg) != null) {
     r = url.replace(eval(reg), tmp);
    }
    else {
     if (url.match("[\&#63;]")) {
      r = url + "&" + tmp;
     } else {
      r = url + "&#63;" + tmp;
     }
    }
   }
   return r;
  }

 });
})(jQuery);

Nach dem Login kopieren

使用方法

dev.zhang.com/IOF.Signup/index_uscn_chs.html?act=1

1、取值使用

$.Request("act") = 1

2、url加参数

$.UrlUpdateParams(window.location.href, "mid", 11111),

结果window.location.href?mid=11111