Récupérer avec JavaScript les paramètres GET d’une URL

Nativement, JavaScript ne permet pas de récupérer les paramètres GET d’une URL. JQuery ne le permet pas également.

Il va être nécessaire de définir sa propre méthode afin de récupérer les différents paramètres.

Cette méthode récupère l’URL en cours, applique une Regex et stocke toutes les valeurs obtenues dans le tableau vars[].

Ensuite, en fonction du paramètre demandé la bonne valeur sera retournée.

La méthode :

function getParam(param) {

       var varsp = {};

   window.location.href.replace(/[?&]+([^=&]+)=?([^&]*)?/gi, // regexp

             function( m, key, value ) { // callback

                     varsp[key] = value !== undefined ? value :  »;

              }
       );

      if ( param ) {

             return varsp[param] ? varsp[param] : null;

       }

      return varsp ;

}

Par exemple, avec l’URL suivante : http://www.test.html?p1=3&p2=testp2 pour récupérer les deux paramètres p1 et p3, il suffit d’appeler la méthode getParam !

Exemple : function test(){

                     var strp1 = getParam(‘p1′);

                     var strp2 = getParam(‘p2′);

                     var strp3 = getParam(‘p3′);

                     alert(strp1); //Affichera 3

                     alert(strp2); //Affichera testp2

                     alert(strp3); //Affichera  »

                }

En espérant que cela vous soit utile !

:)

Be Sociable, Share!

1 Response

  1. Williamei 18 mai 2016 / 15 h 57 min

    I am so grateful for your article.Thanks Again. Fantastic. Soomaroo

Répondre à Williamei Annuler la réponse.

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>