Heim > Artikel > Web-Frontend > Wie erhalte ich URL-Parameter mit JQuery?
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.
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
rrreee. Vollständiger Code:
rrreeeJavaScript unescape()-Funktion
unescape()-Funktion kann von escape() codierte Zeichenfolgen dekodieren.
Parameter | Beschreibung |
---|---|
string | Erforderlich. Die zu dekodierende oder zu dekodierende Zeichenfolge. |
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!