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.
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
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