Il arrive souvent de devoir tester la présence d’un paramètre dans une URL avec JavaScript. Par exemple, pour détecter un mode aperçu, afficher un message après l’envoi d’un formulaire, suivre une campagne ou adapter l’interface selon une valeur passée en query string.
Exemple d’URL :
https://example.com/?preview=yesLangage du code : JavaScript (javascript)Ici, le paramètre s’appelle preview et sa valeur est yes.
La méthode moderne consiste à utiliser URLSearchParams. Pas besoin de découper l’URL à la main, ni d’écrire une expression régulière fragile. Le navigateur sait déjà faire. Autant le laisser travailler, il ne demande même pas de café.
Tester si un paramètre existe dans l’URL courante
Pour lire les paramètres de l’URL de la page actuelle, utilisez window.location.search. Cette propriété contient la partie de l’URL située après le point d’interrogation.
const searchParams = new URLSearchParams(window.location.search);
if (searchParams.has('preview')) {
console.log('Le paramètre preview existe.');
}Langage du code : JavaScript (javascript)La méthode has() renvoie true si le paramètre existe, et false sinon.
Avec cette URL :
https://example.com/?preview=yesLangage du code : JavaScript (javascript)ce test renverra true :
searchParams.has('preview');Langage du code : JavaScript (javascript)
