Accès aux paramètres de l'Url en Javascript (URLQuery)

2 méthodes disponibles :

  • utiliser la fonction extractUrlParams() définie ci-dessous
  • utiliser l'API native js : URLSearchParams() (ne fonctionne pas avec IE)

 

1. Explication de 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

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]);

plus d'info sur cette fonction ...

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

Les fichiers