Comment récupérer les paramètres d’URL en JavaScript

L’utilisation de paramètres dans une URL est probablement le moyen le plus simple de transmettre des variables d’une page Web à une autre. Dans ce tutoriel nous allons découvrir comment récupérer les paramètres d’une URL avec JavaScript.
 

 
 

Méthode 1: En utilisant l’objet URL

Le code suivant fonctionnant dans un navigateur web, vous pouvez utiliser l’objet URL (qui fait partie des API fournies par les navigateurs supportant JavaScript):

var str = "https://waytolearnx.com/t.html?name=alex-babtise&age=25&address=paris";
var url = new URL(str);
var name = url.searchParams.get("name");
console.log(name);

La sortie :

alex-babtise

Vous pouvez utiliser la propriété window.location.href qui vous permet de récupérer l’URL du page courante.
 

Méthode 2: En vérifiant si le paramètre existe dans l’URL

La méthode has() peut être utilisée pour vérifier si le paramètre existe dans l’URL. Il renvoie true si le paramètre existe, sinon il renvoie false.

Si le paramètre existe, sa valeur peut être trouvée via la méthode get.

var str = "https://waytolearnx.com/t.html?name=alex-babtise&age=25&address=paris";

var url = new URL(str);

var search_params = new URLSearchParams(url.search); 

if(search_params.has('name')) {
	var name = search_params.get('name');
	console.log(name)
}

La sortie :

alex-babtise