Bonjour,
Avec jsfiddle, on ne peut faire le test (en tout cas je ne sais pas faire). Car on ne peut pas ajouter ce qui suit le ? dans une url. Il faut que tu testes ça sur ton serveur.
On va donc supposer sur pour ton serveur tu écris une page dont l'url sera
http://site.com/?id=jean&mdp=1234
Il ne faut pas mettre de guillemets normalement (sinon, il faudra les retirer).
J'ai détaillé le code. Mais on pourrait faire beaucoup plus court avec des expressions régulières. Ce serait compliqué, alors que le code que j'ai mis ci-dessous est plus facile à comprendre.
Dans cette page, on suppose que le code html sera :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Remplir des inputs avec les data de l'url</title>
</head>
<body>
<input type="text" id="id" placeholder="id">
<input type="text" id="mdp" placeholder="mdp">
<script>
var id,mdp,url,q,a,b,data,value,k;
// on récupère l'url
url=document.location.href;
alert(url);
// on extrait la partie située après le ?
q=url.split("?")[1];
// on sépare les données de l'url (id et mdp dans notre cas)
a=q.split("&");
// pour chaque donnée, on récupère la valeur
// et on la met dans l'input correspondant
for(k=0;k<a.length;k++)
{
b=a[k].split("=");
data=b[0];
value=b[1];
document.getElementById(data).value=value;
}
</script>
</body>
</html>
Amicalement,
Modifié par parsimonhi (02 Nov 2020 - 21:23)
