Comment puis-je récupérer les paramètres GET en JavaScript ?

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 < items.length; index++) {
    const [key, value] = items[index].split("=");
    if (key === parameterName) result = decodeURIComponent(value);
  }
  return result;
};

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 peut récupérer efficacement les paramètres GET à partir de scripts JavaScript, améliorant ainsi la fonctionnalité des applications Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!