Comment obtenir les paramètres d’URL en utilisant jquery ?

Méthode : utilisez d'abord "new RegExp("(^|&)"+name+"=([^&]*)(&|$)")" pour construire un objet régulier contenant les paramètres cibles ; puis utilisez "location.search.substr(1).match()" pour faire correspondre les paramètres cibles et renvoyer enfin la valeur du paramètre.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, jquery version 3.2.1 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandations associées : "Tutoriel jQuery"

Comment utiliser jquery pour obtenir l'URL et les paramètres d'URL

1. Il est très simple d'obtenir l'url avec jquery Le code est le suivant :

window.location.href;

En fait, il utilise uniquement l'objet window de base de javascript et n'utilise pas la connaissance. de jquery.

2. Il est compliqué d'obtenir les paramètres d'url avec jquery, ce qui nécessite l'utilisation d'expressions régulières, il est donc important de bien apprendre les expressions régulières javascript

Tout d'abord, voyons comment pour obtenir l'url simplement via javascript. Un certain paramètre de :

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

Vous pouvez obtenir la valeur du paramètre en passant le nom du paramètre dans l'url via cette fonction. 🎜>

http://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx nous voulons obtenir La valeur de reurl peut s'écrire comme ceci :

var xx = getUrlParam('reurl');

Après avoir compris la méthode d'obtention des paramètres d'url en javascript, nous pouvons utiliser cette méthode pour étendre une méthode pour jquery pour obtenir les paramètres d'URL via jquery. Le code suivant étend une méthode getUrlParam pour 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);

étend cette méthode pour jquery. Après cela, nous pouvons obtenir la valeur d'un certain paramètre via le. méthode suivante :

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

Code complet :

Fonction JavaScript unescape()

Définition et utilisation

La fonction unescape() peut encoder via escape() La chaîne est décodée.

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

Explication

Cette fonction fonctionne comme ceci : en trouvant la séquence de caractères de la forme %xx et %uxxxx (x représente des chiffres hexadécimaux), en remplaçant ces séquences de caractères avec les caractères Unicode u00xx et uxxxx pour le décodage.

Conseils et notes

Remarque :

ECMAScript v3 已从标准中删除了 unescape() 函数，并反对使用它，因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。Pour résumer : JavaScript doit avoir la même méthode d'encodage et de décodage pour les paramètres :

escape() et unescape()
encodeURI() et decodeURI()
encodeURIComponent( ) et decodeURIComponent()
Pour plus de connaissances liées à la programmation, veuillez visiter :

Cours vidéo de programmation

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!