Extraction url JavaScript

**nicoco78440** · 22/08/2019, 08h37

Bonjour à tous,

Je souhaiterai extraire des informations d'une URL et les afficher dans un bandeau déroulant HTML, j'essaye d'expliquer au plus clair ce que je veux.

J'ai créé une page HTML qui demande à l'utilisateur 4 informations (site,impact,probleme,temps de résolution), c'est dernières apparaissent sur l'uRL bandeau.html :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\\Demande utilisateur information
<html>
<form action="bandeau.html" method="get">
 
<Center>
 Site impacté :
 
<SELECT name="site" size="1" width=500px/>
<OPTION>Tous
<OPTION>Paris
<OPTION>Marseille
<OPTION>Bordeaux
<OPTION>Montpellier
</SELECT>
 
 
			<p>	
		Impact : 
 
<SELECT name="impact" size="1"
width : 500px />
<OPTION>Faible
<OPTION>Moyenne
<OPTION>Forme
</SELECT>
</p>
 
 
<p> Description du probleme : 
<input type ="text" name="probleme" />
</p>
 
<p> Temps résolution :
<input type="text" name="temps" />
 
<input type="submit" value="Valider" />
</p>
</Center>
</form>
</body>
</html>

Je souhaiterais extraire ces informations pour les places dans un bandeaux déroulant :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<head>
	<title>Incident en cours</title>
</head>
<body>
<iframe src="http://192.168.100.8/bandeau#/" style="height:90%;width:100%;"></iframe><br>
<center>
 
<!--texte caché -->
<marquee  direction="right" width="100%" height="50" loop="-1"  bgcolor="red" valign="middle" ><b><br> </b></marquee><br>
 
<br>
</body>
?>
</html>

Merci d'avance pour votre aide

**nicoco78440** · 22/08/2019, 09h28

J'arrive à "extraire" la donnée site, mais je n'arrive qu'à l'afficher en alerte au lieu de la mettre dans mon bandeau, et je n'arrive pas à faire la même chose pour les autres (impact,probleme,temps) :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<script language="JavaScript">
function getParamByName(site, url,) {
    if (!url) url = window.location.href;
    site = site.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + site + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}
var site = getParamByName('site');
 
alert(site);
 
</script>
 
</html>

**javatwister** · 22/08/2019, 12h06

adapté de MDN:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var tab = {};
var url = window.location.href.search;
for (var param, rang = 0, lg = url.substr(1).split("&"); rang < lg.length; rang++) {
    param = lg[rang].split("=");
    tab[unescape(param[0])] = param.length > 1 ? unescape(param[1]) : "";
 }
console.log(Object.values(tab));// tes valeurs

**nicoco78440** · 22/08/2019, 12h41

Bonjour, merci javatwister pour ton retour.

Par contre je ne vois pas du tout quoi remplacer dans mon code avec ce que tu viens de m'envoyer... as-tu la possibilité de l'adapter à mon code actuel ?

**javatwister** · 22/08/2019, 13h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
// Là tu récupères uniquement les valeurs saisies, quel que soit le nom des paramètres;
// si tu veux, tu peux associer le nom des champs, c'est facile à modifier;
function getParamByName(url){
var tab = {};
for (var param, rang = 0, lg = url.substring(1).split("&"); rang < lg.length; rang++) {
    param = lg[rang].split("=");
    tab[unescape(param[0])] = param.length > 1 ? unescape(param[1]) : "";
 }
console.log(Object.values(tab))
}
 
// appel de ta fonction de récupération des valeurs saisies
getParamByName(window.location.href.search);

**nicoco78440** · 22/08/2019, 13h27

Je dois remplacer l'ensemble de mon code JS par cela ?
j'ai beaucoup de mal désolé

Extraction url JavaScript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager