2013-06-04 85 views
4

我有一個小型的node.js應用程序使用express框架,但由於某種原因,我無法讓我的應用程序響應POST請求。在服務器日誌中,我只是簡單地獲得「POST/404 5ms」,我找不到原因。Node.js express POST 404ing

編輯:澄清 - 我的問題是app.post似乎並沒有被做任何事情

編輯2:我不知怎麼設法解決這個問題,昨晚,但現在我不能弄清楚什麼點我修好了。

Node.js的服務器代碼:

var express = require('express') 
    , routes = require('./routes') 
    , user = require('./routes/user') 
    , http = require('http') 
    , path = require('path'); 

var app = express(); 

// all environments 
app.set('port', process.env.PORT || 3000); 
app.set('views', __dirname + '/views'); 
app.set('view engine', 'jade'); 
app.use(express.favicon()); 
app.use(express.logger('dev')); 
app.use(express.bodyParser()); 
app.use(express.methodOverride()); 
app.use(express.cookieParser('chocolatechip')); 
app.use(express.session()); 
app.use(app.router); 
app.use(express.static(path.join(__dirname, 'public'))); 


// development only 
if ('development' == app.get('env')) { 
    app.use(express.errorHandler()); 
} 

//pages 
//Landing page 
app.get('/', routes.index); 
app.post('/test',function(req,res){ 
    console.log(req.body); 
    res.send("received post"); 
}); 
//return list containing users 
//app.post('/users', user.list); 
//return requested user 
app.get('/users/:id', user.get); 
//app.post('/users/login', user.login); 


//server 
http.createServer(app).listen(app.get('port'), function(){ 
    console.log('Server listening on port ' + app.get('port')); 
}); 

在實際的網頁,我有以下的javascript代碼:

var login = $('#login'); 
    var page = $('#page'); 
    var register = $('#register'); 
    var userField = login.find('.user'); 
    var passField = login.find('.pass'); 
    var confPassField = login.find('.confpass'); 
    var form = $('.logform'); 
    $('#formbutton').on('click',function(){ 
    if(register.hasClass('hidden')){ 
     login.addClass('hidden'); 
     confPassField.val(''); 
     var logDat = JSON.stringify(form.serializeArray); 
     userField.val(''); 
     passField.val(''); 
     page.html("Login form submitted"); 
     $.post(
     form.attr("action"), 
     {test:"test"}, 
     function(data){ 
      alert("Response: "+data) 
     } 
    ); 

    } 

回答

9

如果您要發佈帖子/爲你的日誌說,你是 「POST/404 5ms的」,你需要更改以下行:

app.get('/', routes.index); 

app.all('/', routes.index); 

這將允許GET或POST到該路線。如果您只發布到該路線,您也可以使用app.post()。希望這可以幫助。

文檔瀏覽:http://expressjs.com/api.html#app.all

+0

好吧,這不是我的問題的答案,因爲我已經使用app.post(),並且它不工作。這就是我的問題。 – LucienK

+0

您在「/ test」而不是「/」使用app.post。更徹底地閱讀我的答案。 – thomallen

+0

我在說我是發佈/測試,而不是/。我得到它的工作,這不是問題。爲了讓它在昨晚工作,現在我不記得我做了哪些改變。當我累了的時候,我好像有一個問題提交和標記修復... – LucienK

2

確保 'form.attr( 「行動」)' 是獲得正確的URL。看起來你的表單發佈到索引頁面而不是'/ test'。也許這應該改爲$('form').attr("action")