1. #1
    Nouveau Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    octobre 2016
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : octobre 2016
    Messages : 1
    Points : 1
    Points
    1

    Par défaut 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 : 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>

  2. #2
    Membre chevronné
    Inscrit en
    octobre 2011
    Messages
    1 092
    Détails du profil
    Informations forums :
    Inscription : octobre 2011
    Messages : 1 092
    Points : 1 893
    Points
    1 893

    Par défaut

    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('.'));

Discussions similaires

  1. je veut afficher un formulaire html avec echo de php
    Par lunick dans le forum Formulaires
    Réponses: 3
    Dernier message: 23/01/2011, 18h23
  2. [HTML] Formulaire HTML avec Mailto
    Par lusos dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 02/03/2009, 10h56
  3. formulaire html avec sauvegarde des données
    Par orke22 dans le forum PHP & MySQL
    Réponses: 4
    Dernier message: 23/04/2008, 20h55
  4. récupérer un code html avec php ..
    Par serenity dans le forum Fichiers
    Réponses: 3
    Dernier message: 17/10/2007, 16h16
  5. [HTML] formulaire HTML avec date
    Par didarmor dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 18/10/2006, 09h24

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo