Heim  >  Artikel  >  Web-Frontend  >  Wie erhalte ich URL-Parameter mit JQuery?

Wie erhalte ich URL-Parameter mit JQuery?

青灯夜游
青灯夜游Original
2020-11-23 09:51:507013Durchsuche

Methode: Verwenden Sie zuerst „new RegExp(“(^|&)“+name+“=([^&]*)(&|$)“)“, um ein reguläres Objekt zu erstellen, das die Zielparameter enthält, und verwenden Sie dann „location .search.substr(1).match()“ entspricht dem Zielparameter; gibt schließlich den Parameterwert zurück.

Wie erhalte ich URL-Parameter mit JQuery?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 3.2.1. Diese Methode ist für alle Computermarken geeignet.

Verwandte Empfehlungen: „jQuery-Tutorial

So verwenden Sie jquery, um URL und URL-Parameter abzurufen

1. Das Abrufen von URLs mit jquery ist sehr einfach, der Code lautet wie folgt:

window.location.href;

In Tatsächlich verwendet es nur die Grundlagen von Javascript. Das Fensterobjekt verwendet keine JQuery-Kenntnisse.

2. Es ist komplizierter, URL-Parameter mit jquery abzurufen, und es werden reguläre Ausdrücke verwendet. Daher ist es sehr wichtig, reguläre Javascript-Ausdrücke gut zu lernen. Schauen wir uns zunächst an, wie man einen bestimmten Parameter in der Abfrage erhält URL einfach über Javascript:

   //获取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. Die URL lautet beispielsweise

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

Um den Wert von reurl zu erhalten, können Sie Folgendes schreiben: 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;
                }
            })(jQuery);

为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了:

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

完整代码:

JavaScript unescape() 函数

定义和用法

unescape() 函数可对通过 escape() 编码的字符串进行解码。

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

说明

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

提示和注释

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

Verstehen Sie die Methode zum Abrufen von URL-Parametern in Javascript. Wir können diese Methode verwenden, um eine Methode für zu erweitern jquery zum Abrufen von URL-Parametern über jquery. Der folgende Code erweitert eine getUrlParam()-Methode für jquery. Nach der Erweiterung dieser Methode für jquery können wir den Wert eines Parameters über die folgende Methode abrufen:

rrreee. Vollständiger Code:

rrreee
  • JavaScript unescape()-Funktion

  • Definition und Verwendung
  • unescape()-Funktion kann von escape() codierte Zeichenfolgen dekodieren.

    Parameter Beschreibung
    string Erforderlich. Die zu dekodierende oder zu dekodierende Zeichenfolge.
Erläuterung

Diese Funktion funktioniert folgendermaßen: indem sie die Zeichenfolge in der Form %xx und %uxxxx (x steht für hexadezimale Ziffern) findet und diese ersetzt 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 sie durch decodeURI() und decodeURIComponent() ersetzt werden. 🎜🎜Zusammenfassend: JavaScript sollte die gleichen Codierungs- und Decodierungsmethoden für Parameter verwenden: 🎜🎜🎜🎜escape() und unescape()🎜🎜🎜🎜encodeURI() und decodeURI()🎜🎜🎜🎜encodeURIComponent() und decodeURIComponent( )🎜🎜🎜🎜Weitere programmierbezogene Kenntnisse finden Sie unter: 🎜Programmiervideokurse🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonWie erhalte ich URL-Parameter mit JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn