Detaillierte Erläuterung der Methode von jquery zum Abrufen von URLs und URL-Parametern

Dieses Mal werde ich Ihnen detailliert erklären, wie jquery URLs und URL-Parameter erhält. Was sind die Vorsichtsmaßnahmen für jquery, um URLs und URL-Parameter zu erhalten? .

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

1. Das Abrufen von URLs mit JQuery ist sehr einfach. Der Code lautet wie folgt:

window.location.href;

verwendet eigentlich nur das grundlegende Fensterobjekt von Javascript ohne Kenntnisse von JQuery.

2. Es ist komplizierter, URL-Parameter mit jquery abzurufen, was reguläre Ausdrücke erfordert, daher ist es wichtig, reguläre Javascript-Ausdrücke gut zu lernen

Schauen Sie sich zunächst einmal an, wie Sie einen bestimmten Parameter in der URL einfach über JavaScript erhalten:

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

Sie können den Wert des Parameters erhalten, indem Sie den Parameternamen in der URL über diese Funktion übergeben, z Beispiel: Die URL ist

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

Wir möchten den Wert von reurl erhalten, wir können so schreiben Dies:

var xx = getUrlParam('reurl');

Ich verstehe Javascript. Um die URL-Parameter abzurufen, können wir diese Methode verwenden, um eine Methode für jquery zu erweitern, um die URL-Parameter über jquery abzurufen. 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 der Erweiterung dieser Methode für jquery können wir den Wert eines bestimmten Parameters über die folgende Methode ermitteln:

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

Vollständiger Code:

Geändert am 23.04.2014

Als ich heute die obige Methode verwendet habe, um die Parameter in der URL abzurufen, waren die in der URL übergebenen chinesischen Parameter verstümmelt egal wie ich sie beim Parsen getestet habe. Nach einigem Debuggen habe ich festgestellt, dass ich beim Übergeben von Parametern encodeURI für die Codierung chinesischer Zeichen verwendet habe, während die obige Methode beim Parsen der Parametercodierung unescape verwendet habe. Ändern Sie es einfach in decodeURI.

Anhang: Einführung in W3School:

JavaScript unescape()-Funktion

Definition und Verwendung

Die Funktion unescape() dekodiert einen von escape() kodierten String.

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

Erklärung

Diese Funktion funktioniert folgendermaßen: Durch Suchen der Zeichenfolge in der Form %xx und %uxxxx (x steht für hexadezimale Ziffern) und durch Ersetzen solche Zeichenfolgen mit den Unicode-Zeichen u00xx und uxxxx zur Dekodierung.

Tipps und Hinweise

Hinweis: ECMAScript v3 hat die Funktion unescape() aus dem Standard entfernt und ihre Verwendung abgelehnt, daher sollte decodeURI() verwendet werden und

decodeURIComponent() stattdessen.

Um es zusammenzufassen: JavaScript muss die gleichen Codierungs- und Decodierungsmethoden für Parameter haben:

escape() unescape()

encodeURI() decodeURI ()

encodeURIComponent() decodeURIComponent()

Eine weitere Methode zur Verwendung von JavaScript zum Abrufen von Parametern in der online gefundenen 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>

Ich glaube, Sie haben die Methode nach dem Lesen gemeistert Der Fall in diesem Artikel, mehr Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie man mit Seitenankerfehlern im Iframe umgeht

Detaillierte Erläuterung der Schritte zum Erhalten des Dokumentobjekt im Iframe

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Methode von jquery zum Abrufen von URLs und URL-Parametern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!