Récupérer un formulaire html avec nodejs express et body-parser
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:
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:
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:
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> |