Maison > interface Web > js tutoriel > Comment obtenir les paramètres d'URL en utilisant jquery ?

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

青灯夜游
Libérer: 2020-11-30 10:54:59
original
7059 Les gens l'ont consulté

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.

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

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;
Copier après la connexion

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; //返回参数值
    }
Copier après la connexion

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');
Copier après la connexion

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);
Copier après la connexion

é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');
Copier après la connexion

Code complet :

Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal