带有表单数据的 JQuery Ajax 表单提交在提交时不返回任何内容

Question

以下示例不返回任何内容。如果我遗漏了什么，您能否澄清一下？

Javascript：

$('#add-modal').submit(function(e) {        
  e.preventDefault();
  var formData = new FormData( document.getElementById("add-modal"));
  $.ajax({
    type: "POST",
    url: "/add-form",
    data: formData,
    processData: false,
    contentType: false,
    success: function (data) { console.log("SUCCESS : ", data); },
    error: function (e) {console.log("ERROR : ", e); }
  });
});

HTML（提交表格）：

<form id="add-modal" method="POST" enctype="multipart/form-data">
    <div class="modal-body">                    
        <div class="form-group">
            <label>Name</label>
            <input type="text" class="form-control"  name="name" required>
        </div>
        <div class="form-group">
        <label>Classes</label>
         <select class="form-control" name="classes">
         <option value="Direct">Direct</option>
         <option value="Merketing">Merketing</option>
         <option value="Partnets">Partnets</option>
         </select>
        </div>  
        <div class="form-group">
        <label>File</label>
         <input type="file"  class="form-control" name="file">
        </div>                  
    </div>
    <div class="modal-footer">
        <input type="submit" class="btn btn-success" value="Add">
    </div>
</form>

服务器端（节点js）：

app.post('/add-form', function(req, res, next){
    
    console.log(req.body);
    
});

在此致以最诚挚的问候， 叶凡

Answer 1

表单正在使用express 处理后端。表单是多部分的并处理文件上传。

解析表单数据需要多部分处理器。 @ChrisG 的评论建议使用 multer。预计 bodyParser 正在执行此解析。将其替换为需要根据 multer 文档导入 express 应用程序的 multer

const express = require('express')
const multer  = require('multer')
const upload = multer({ dest: 'uploads/' })

app.post('/add-form', function(req, res, next){  
  console.log(req.body);   
});