Aller au contenu principal


UrlQuery

Ce billet montre 2 méthodes permettant d'accéder en Javascript aux paramètres d'une Url  (URLQuery) :

  • utiliser la fonction extractUrlParams() définie ci-dessous ;

  • utiliser l'API native JS.

Billet créé le :
18 nov 2020

1. la fonction extractUrlParams()

      1.  function extractUrlParams(){         
      2.    var t = location.search.substring(1).split('&');
            // par exemple : si l'url est http://example.com?n=205&nb=0123 alors t vaut [n=205,nb=0123]
      3     var f = [];
      4     for (var i=0; i<t.length; i++){                     
      5         var x = t[ i ].split('=');
                              // avec la même url, le 1er tour donne x=[n,205], le suivant donne x=[nb,0123]
       6         f[x[0]]=x[1];
                             // instanciation du tableau associatif f   qui vaudra au 1er tour [n :205] puis au 2eme tour [n:205, nb:0123]
        7   }
        8   return f;
        9 }

Cette fonction s'utilise ainsi;      
    var param = extractUrlParams();
    console.info( 'n : ', param['n']);
    console.info( 'nb : ', param['nb']);

Pour l'url suivante : http://example.info?n=205&nb=0123, elle rendra :
         n : 205
         nb : 0123

information complémentaire disponible en cliquant ici
Cliquez sur le bouton pour copier le code
dans le presse papier
    
function extractUrlParams(){
    var t = location.search.substring(1).split('&');
    var f = [];
    for (var i=0; i<t.length; i++){
        var x = t[ i ].split('=');
        f[x[0]]=x[1];
    }
    return f;
}

2. URLSearchParams()

  Cette fonction s'utilise ainsi :  

       const UrlQuery = new URLSearchParams (location.search.substring(1));
       console.info( 'n : ', UrlQuery.getAll('n')[0]);
       console.info( 'nb : ', UrlQuery.getAll('nb')[0]);

pour l'url suivante : http://example.info?n=205&nb=0123; elle rendra
     n : 205
     nb : 0123

Mots clé