Récupération des paramètres GET à partir de JavaScript : un guide détaillé

Pour récupérer les paramètres GET à partir d'un script JavaScript, les développeurs peuvent exploiter l'objet window.location. Cet objet donne accès à l'URL actuelle, y compris sa chaîne de requête.

Une méthode pour obtenir les paramètres GET consiste à extraire la partie de l'URL qui suit le point d'interrogation (?). L'extrait de code suivant illustre cette approche :

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

Dans l'exemple fourni, le paramètre GET "returnurl" est accessible à l'aide du code suivant :

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

Cependant, cette approche de base ne prend pas en compte les scénarios dans lesquels plusieurs valeurs sont associées au même nom de paramètre. Pour gérer de tels cas, une solution plus robuste est nécessaire.

La fonction améliorée suivante fournit une méthode complète pour récupérer les paramètres GET, même lorsque plusieurs valeurs sont présentes :

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index 
Cette fonction décode la valeur du paramètre pour garantir la compatibilité avec les caractères spéciaux. Il utilise une boucle for pour parcourir chaque paire clé-valeur dans la chaîne de requête. Lorsque le nom du paramètre fourni est trouvé, la valeur correspondante est renvoyée.
À l'aide de la fonction, le paramètre "returnurl" peut être obtenu comme suit :
const returnurl = findGetParameter("returnurl");
console.log(returnurl);
En tirant parti de ces techniques, les développeurs peuvent récupérer efficacement les paramètres GET à partir des scripts JavaScript, améliorant ainsi les fonctionnalités des applications Web.