1

私は Node.js 開発にかなり慣れていませんが、このようなスタック オーバーフローの質問がすでにいくつかあることを認識していますが、残念ながら、私の問題を解決するものはないようです。だから私にできることは質問をすることだけだと思う

そのため、Express と Jade ビュー エンジンで Node.js を使用しています。

この記事に基づいてコードの一部を作成しました: http://howtonode.org/express-mongodb

とにかくここに私が持っているものがあります

ノードアプリ:

var express = require('express');
var home = require('./routes/home');
var d3demo = require('./routes/d3demo');
var PersonProvider = require('./public/javascripts/personProvider').PersonProvider;
var personProvider = new PersonProvider('localhost', 27017);
var LinkProvider = require('./public/javascripts/linkProvider').LinkProvider;
var linkProvider = new LinkProvider('localhost', 27017);


var http = require('http');
var path = require('path');
var app = express();

//=============================================================================
//    EXPRESS SETUP
//=============================================================================
app.configure(function(){
  app.set('port', process.env.PORT || 2000);
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.favicon());
  app.use(express.logger('dev'));
  //app.use(require('connect').bodyParser());
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(require('stylus').middleware(__dirname + '/public'));
  app.use(express.static(path.join(__dirname, 'public')));
});

app.configure('development', function () {
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.configure('production', function () {
    app.use(express.errorHandler());
});


//=============================================================================
//    ROUTING
//=============================================================================
app.get('/home', function (req, res) {
    home.homeGet(req, res, commonHelper, personProvider, linkProvider);
});

app.post('/home', function (req, res) {
    home.homePost(req, res, personProvider);
});


var server = http.createServer(app);


server.listen(app.get('port'), function(){
    console.log("Express server listening on port " + app.get('port'));
});

これがホームルートです

/*
 * GET home page.
 */

exports.homeGet = function(req, res, commonHelper, personProvider, linkProvider){
        commonHelper.seedData(personProvider, linkProvider, function() {
        res.render('home');
    });
};

exports.homePost = function (req, res, personProvider) {

    var newUserEmail = req.body.email;
    console.log(req.body.length);


    //console.log(x);

    //var email = req.param('Email');
    console.log("/Home posted Email :" + newUserEmail);

    personProvider.save({
        //email: req.param('Email'),
        email: newUserEmail,
    }, function (error, docs) {
        if(error == null) {
            res.redirect('/d3demo');
        } else {
            res.render('home');
        }
    });

};

そしてこちらが翡翠の景色

extends layout

block head
  link(rel='stylesheet', href='/stylesheets/home.css')
  script(src='/javascripts/home.js')

block content
  form(method='post', id='homeForm', action='http://localhost:2000/home')
    div(id='dialog', title='error', style='display:none;')
      p You need to supply a valid email
    div(id='NewDetailsArea')
      p Enter your email address, and then click enter 
      | <input type="text" id="email" class="email"></input>
      div#homeSubmit
        input(type='submit', value='Enter', id='enterEmail')

これにレンダリングされるもの

<form method="post" id="homeForm" action="http://localhost:2000/home">
  <div id="dialog" title="error" style="display:none;">
    <p>You need to supply a valid email</p></div>
    <div id="NewDetailsArea">
      <p>Enter your email address, and then click enter </p>
      <input type="text" id="email" class="email">
      </input><div id="homeSubmit"><input type="submit" value="Enter" id="enterEmail">
    </div>
  </div>
</form>

だから問題：

さて、問題は実際にはかなり単純です。関数内

homePost = 関数 (req、res、personProvider)

「メール」フォームフィールドの値を取得できるようにしたい

私は req.param('email'), req.body.email を試しました 標準の express.bodyParser() と、接続 (誰かが別の回答で言及した) 1つの require('connect').bodyParser() を試しました、しかし悲しいかな、私が得るのは未定義です。

また、試してみると console.log(req.body) 、 undefined になります

私は何を間違っていますか？

4

1 に答える 1

3

name電子メール入力の属性を指定する必要があります。nameフォームが送信されたときに送信されるものは次のとおりです。

<input type="text" id="email" name="email" class="email">
于 2012-12-17T14:36:10.227 に答える