NodeJS Ajax 请求失败

Question

我有一个表单我试图从客户端提交到 Express，但每次我收到如下错误：

无法 POST /request_method

下面是我正在尝试的代码：

index.html

<form id="wizard-content" method="post">
   <label>File</label>
   <input type="file" name="some" id="rsome">
   <label>Value</label>
   <input type="text" name="valSome" id="perfect">
</form>
<button type="submit" id="submit_form">Finish</button>
    <script type="text/javascript">
        jQuery('#submit_form').click(function() {
            if (jQuery(this).text().toLowerCase() === "finish") {
                submitForm();
            }
        });
        var submitForm = function(){
            var formData = {
                    'perfect'        : $('#perfect').val(),
                    'rsome'            : $('#rsome')[0].files[0]
                };
            if(formData){
                $.ajax({
                    url : '/request_method',
                    type : 'POST',
                    data : formData,
                    contentType : false,
                    cache : false,
                    processData: false,
                    success : function(response){
                        console.log(response);
                    }, 
                    error : function(error){
                        console.log(error);
                    }
                });
            }
        }
    </script>

在 expressJs 中：

server.js

var express     = require('express');
var bodyParser  = require('body-parser')
app.use(bodyParser());
.
.
router.post('/request_method', function(req, res){
   console.log(req.body);
   console.log(req.ip);
});

Answer 1

您的app 可能没有使用您已使用的router。

两种解决方案

1 - 使用您的应用而非路由器定义路由

app.post('/request_method', function(req, res){
   console.log(req.body);
   console.log(req.ip);
});

2 - 或使用您的路由器

在router.post... 之前添加以下行，这将告诉您的应用程序使用在您的router 中定义的路由。

app.use('/', router);

Answer 2

你应该像这样包含bodyParser，

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))

或

// parse application/json
app.use(bodyParser.json())

Answer 3

试试看：

var submitForm = function(){
    var formData = new FormData($('#wizard-content')[0]);
    if(formData){
        $.ajax({
            url : '/request_method',
            type : 'POST',
            data : formData,
            contentType : false,
            cache : false,
            processData: false,
            success : function(response){
                console.log(response);
            }, 
            error : function(error){
                console.log(error);
            }
        });
    }
}

在你路由时，使用req.files[0]获取文件输入

Answer 4

我犯了一个非常愚蠢的错误，我忘记使用路由器添加 URL。

app.use('/', router);