サーバへのポストメソッドの送信が未定義です - エラー

Question

私のフォームはJADEで、このようになります。しかし、私はにconsole.log（req.body）を追加した

var express = require('express') 
    , stylus = require('stylus') 
    , nib = require('nib') 


var app = express() 

function compile(str, path) { 
    return stylus(str) 
    .set('filename', path) 
    .use(nib()); 
} 

app.set('views', __dirname + '/views') 
app.set('view engine', 'jade') 
app.use(express.logger('dev')) 
app.use(stylus.middleware(
    { src: __dirname + '/public' 
    , compile: compile 
    } 
)) 
app.use(express.static(__dirname + '/public')) 

app.get('/', function (req, res) { 
    res.render('index', 
    { title : 'Home' } 
) 
}) 

app.post('/test/about', function (req, res) { 
    console.log(req.body); 
    res.render('index', 
    { title : 'Home' } 
) 
}) 

app.listen(3000) 

とそれは今未定義 どうすれば解決することができるよう印刷します：私は次のように定義されたPOST方法をしている私のapp.jsで

form(action='/test/about', method='post') 
      .form-group 
      label(for='nameFormControlInput1') Name 
      input#nameFormControlInput1.form-control(type='text', placeholder='name') 
    .form-group 
      input(type='submit', value='Add') 

この ？

Answer 1

[OK]を、あなたの入力要素にname属性を追加し、データを掲載した後body-parser

var express = require('express') 
     , stylus = require('stylus') 
     , nib = require('nib') 
     , bodyParser = require('body-parser'); 

    var app = express() 
    function compile(str, path) { 
     return stylus(str) 
      .set('filename', path) 
      .use(nib()); 
    } 

    app.use(bodyParser.urlencoded({ extended: false })); 

    app.set('views', __dirname + '/views') 
    app.set('view engine', 'jade') 
    // app.use(express.logger('dev')) 
    app.use(stylus.middleware(
     { 
      src: __dirname + '/public' 
      , compile: compile 
     } 
    )) 
    app.use(express.static(__dirname + '/public')) 

    app.get('/', function (req, res) { 
     res.render('index', 
      { title: 'Home' } 
     ) 
    }) 

    app.post('/test/about', function (req, res) { 
     console.log(req.body); 

     res.render('formresult', 
      { 
       title: 'Form Result', 
       name: req.body.nameFormControlInput1 
      } 
     ) 
    }) 

    app.listen(3000) 

を使用する必要があるすべての最初の、あなたはreq.body.nameFormControlInput1

を使用してアクセスもできますそして、私は別のヒスイのファイルを作成します投稿されたデータを表示します。あなたが取得しているエラーを表示することができます

formresult.jade

- if(name) 
h1=name 
- else 
h1 No data 

index.jade

入力フィールド

form(action='/test/about', method='post') 
.form-group 
    label(for='nameFormControlInput1') Name 
    input#nameFormControlInput1.form-control(type='text', placeholder='name', name="nameFormControlInput1") 
    .form-group 
    input(type='submit', value='Add')