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

Réponses rédigées par Antoine

Dernière mise à jour : 2017-11-06 14:44:02

Question

Par exemple

www.exemple.fr/index.php?nom=patrick

Comment je fais pour récupérer le GET nom (patrick) en javascript ?

Réponse

Pour récupérer les valeurs GET en JavaScript j'utilise la fonction suivante :

function getParamByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

Donc dans ton exemple :

var nom = getParamByName('nom');
alert(nom);

Réponse

Si vous ne connaissez pas les paramètres qui sont passés dans l'URL, vous pouvez utiliser l’interface URLSearchParams pour récupérer les paramètres GET et leurs valeurs respectives :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment récupérer les paramètres GET d’une URL en JavaScript ?</title>
</head>
<body>
<div id="resultat"></div>
<script>
var url = window.location.href;
var param = url.split('?')[1];
var constructeur = new URLSearchParams(param);
for (let p of constructeur)
{
document.getElementById("resultat").innerHTML += p + "<br>";
}
</script>
</body>
</html>