2017-08-13 11 views
0

私はOREXとしてKnexでExpressに簡単なTO-DOアプリケーションを構築しています。私のフォームデータが自分のフォームからサーバーにPOSTされないという事実を除いて、すべてがうまくいきます。デバッグの尺度として、私はreq.bodyをコンソールに記録するようにしました。私のフォームに入力した情報はコンソールに表示されるので、この時点で問題がサーバーにポストされていない理由がわかります。私は自分の問題が単にknexクエリから来ていると思っていますが、どうやって、なぜか分かりません。ここに私がこれまで持っていたものがあります...POSTフォームデータはコンソールにログアウトしますが、サーバーに送信されません

最初のファイルは私のapp.jsです 2番目に問題のPOSTルートが含まれています。何か助けてくれてありがとう!

var express = require('express'); 
 
var path = require('path'); 
 
var favicon = require('serve-favicon'); 
 
var logger = require('morgan'); 
 
var cookieParser = require('cookie-parser'); 
 
var bodyParser = require('body-parser'); 
 

 
var index = require('./routes/index'); 
 
var users = require('./routes/users'); 
 
var todo = require('./routes/todo'); 
 

 
var app = express(); 
 

 
// view engine setup 
 
app.set('views', path.join(__dirname, 'views')); 
 
app.set('view engine', 'hbs'); 
 

 
// uncomment after placing your favicon in /public 
 
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); 
 
app.use(logger('dev')); 
 
app.use(bodyParser.json()); 
 
app.use(bodyParser.urlencoded({ 
 
    extended: false 
 
})); 
 
app.use(cookieParser()); 
 
app.use(express.static(path.join(__dirname, 'public'))); 
 

 
app.use('/', index); 
 
app.use('/users', users); 
 
app.use('/todo', todo); 
 

 
// catch 404 and forward to error handler 
 
app.use(function(req, res, next) { 
 
    var err = new Error('Not Found'); 
 
    err.status = 404; 
 
    next(err); 
 
}); 
 

 
// error handler 
 
app.use(function(err, req, res, next) { 
 
    // set locals, only providing error in development 
 
    res.locals.message = err.message; 
 
    res.locals.error = req.app.get('env') === 'development' ? err : {}; 
 

 
    // render the error page 
 
    res.status(err.status || 500); 
 
    res.render('error'); 
 
}); 
 

 
module.exports = app;

var express = require('express'); 
 
var router = express.Router(); 
 

 
const knex = require('../db/knex'); 
 

 
/* GET http://localhost:3000/todo page. */ 
 
router.get('/', (req, res) => { 
 
    knex('todo') 
 
    .select() 
 
    .then(todos => { 
 
     res.render('all', { 
 
     todos: todos 
 
     }); 
 
    }) 
 
}); 
 

 
router.get('/new', (req, res) => { 
 
    res.render('new'); 
 
}); 
 

 
function validTodo(todo) { 
 
    return typeof todo.title == 'string' && todo.title.trim() != '' && typeof todo.priority == 'undefined' && !isNaN(Number(todo.priority)); 
 
} 
 

 
router.post('/', (req, res) => { 
 
    console.log(req.body); 
 
    if(validTodo(req.body)) { 
 
    const todo = { 
 
     title: req.body.title, 
 
     description: req.body.description, 
 
     priority: req.body.priority, 
 
     date: new Date() 
 
    }; 
 
    // insert todo into database 
 
    knex('todo').insert(todo, 'id') 
 
     .then(ids => { 
 
     const id = ids[0]; 
 
     res.redirect(`/todo/${id}`); 
 
     }); 
 
    } else { 
 
    // respond with an error 
 
    res.status(500); 
 
    res.render('error', { 
 
     message: 'Invalid todo' 
 
    }); 
 
    } 
 
}); 
 

 
module.exports = router;

+0

どのようにサーバーにデータを投稿していますか?あなたのPOST:edリクエストから実際にデータを読み取ることができる最小限のアプリケーションを作成してください。あなたはjsonとしてPOSTデータを読んでいるようです。投稿のデータを本文にjsonとして送信していて、正しいヘッダーが設定されていますか?または、あなたは同じ形で読み取ることができない通常の形式のエンコードされたPOSTを送信していますか? –

+0

'insert'の文法が正しいか間違っているかわかりませんが、https://github.com/tgriesser/knex/issues/732を参照して動作するか確認してください。 –

+0

だから私の問題点を理解しましたありました。どんな理由であれ、私のPOSTルートの順番を変えることはやりました。私はPOSTルートを自分のGET /新しいルートに置きました。私は本当にこの作品のロジックがどういうものかは分かりませんが、私はそれを修正してうれしいです。 –

答えて

0

だから、私は、問題が何であったかを考え出しました。どんな理由であれ、私のPOSTルートの順番を変えることはやりました。私はPOSTルートを自分のGET /新しいルートに置きました。私は本当にこの作品のロジックがどういうものかは分かりませんが、私はそれを修正してうれしいです。

関連する問題