Accès aux paramètres de requête GET en JavaScript

Les navigateurs modernes fournissent des API natives pour manipuler les URL et les chaînes de requête. Ces API, y compris URL et URLSearchParams, doivent être prioritaires pour assurer la compatibilité avec les navigateurs modernes.

Solution originale :

Avant les API natives, tous les paramètres de requête GET étaient accessibles via la propriété window.location.search. Cependant, cela nécessite une analyse manuelle de la chaîne de requête. La fonction suivante peut être utilisée :

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

Cette fonction prend un nom de paramètre GET et renvoie sa valeur. Si le paramètre n'existe pas ou n'a pas de valeur, il renvoie undefined.

Exemple :

const foo = getQueryParam('foo');

Cela attribuera la valeur du paramètre GET foo à la variable foo.