Récupérer un formulaire html avec nodejs express et body-parser

**mezrym26** · 24/11/2017, 10h22

Bonjour,
mon code ne marche pas il ne reconnaît pas le require body-parser je crois
j'ai npm install express socket.io ent...
Voici mon code inscription.js

Code :

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
// dépendance api express
var bodyParser = require('body-parser'),
	app = require('express')(),
	server = require('http').createServer(app),
	io = require('socket.io').listen(server),
	ent = require('ent'),
	fs = require('fs');
 
 
//app.use(bodyParser.urlencoded({ extended: false }));
var urlencodedparser = bodyParser.urlencoded({ extended: false });	
//serveur html
 
/*app.get('/', function(req, res) {
	res.sendFile( __dirname  + '/index.html');
})*/
 
app.post('/index.html', urlencodedparser, function(req, res) {
	//console.log(req.body.nom);
	//window.alert(req.body.nom);
	//res.sendFile( __dirname  + '/index.html');
	//res.send('Hello World !');
  var params = [req.body.nom,req.body.prenom,req.body.email,req.body.password];
 
  for(var i = 0; i < params.length;i++) {
  	console.log("param= " + params[i]);
  }
});
 
server.listen(8080);

header.js

Code :

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
window.onload = header; //windows. execute une methode de chargement de la page
 
var lesBlocsDeMenus = [];
 
function header(e){
 
	var menuElements = ["acceuil","connexion","preferences"];
	var FC = document.body.firstChild;
	for(var i = 0; i < menuElements.length; i++){
 
 
		var menuSection = factory(i*10, 0, 80, 30,FC);
		setData(menuSection, "index", i);
		menuSection.innerHTML = menuElements[i];
		menuSection.style.display = "inline-block";
		menuSection.addEventListener("click", onClick);
 
		lesBlocsDeMenus.push(menuSection);
	}
	//navigation(0);
}
 
 
 
 
/* Fonction de gestion de bloc */ 
function factory(x, y, width, height,FC){
	console.log("Créer bloc", width + "x" + height);
	var monBloc = document.createElement("div");
	document.body.insertBefore(monBloc,FC);
	monBloc.style.top = y + "px";
	monBloc.style.left = x + "px";
	monBloc.style.width = width + "px"; //existe aussi 'em' et '%'
	monBloc.style.height = height + "px";
	monBloc.style.position = "relative";
 
	return monBloc;
 
}
 
 
function onClick(e){
	var index = getData(e.target, "index");
	console.log("menu click"+ index);
	//navigation(index);
}
 
function setData (bloc, field, value) {
	bloc.setAttribute("data-" + field, value);
}
 
function getData(bloc, field){
	if(bloc.hasAttribute("data-" + field))
		return bloc.getAttribute("data-" + field);
	return "";
}

index.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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
  		<link rel="stylesheet" type="text/css" href="block.css"/>
	</head>
	<body>
  <script type="text/javascript" src="inscription.js"></script>
 
		<div id="inscription">
    		<form method="post" action="index.html">
 				<fieldset>
  					<legend>Inscription</legend>
 
  					<label for="nom">Nom :</label>
  					<input type="text" name="nom"><br>
 
  					<label for="prenom">Prénom :</label>
  					<input type="text" name="prenom"><br>
 
  					<label for="email">Email :</label>
  					<input type="email" name="email"><br>
 
  					<label for="password">Mot de passe :</label>
  					<input type="password" name="password">
 
            <input type="submit" value="Envoyer">
 				</fieldset>
			</form>
		</div><!-- INSCRIPTION -->
 
    <script type="text/javascript" src="qry.js"></script>
    <script type="text/javascript" src="header.js"></script>
    <script type="text/javascript" src="inscription.js"></script>
	</body>
</html>

**tsuji** · 03/12/2017, 15h53

On a, bien entendu, besoin au moins un simple requête handler, juste un simple middleware fonction, pour que l'application commence à traiter une requête de ses ressources. Simplement placer quelque part avant la ligne server.listen() serait suffisant de la faire fonctionner:

Code js :

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

app.use(require('express').static('.'));

Récupérer un formulaire html avec nodejs express et body-parser

NodeJS

Discussions similaires

Partager

Partager