下面的示例不回傳任何內容。如果我錯過了什么,你能澄清一下嗎?
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);
});
以我最誠摯的問候,葉夫根尼
uj5u.com熱心網友回復:
表單是使用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);
});
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/391340.html
標籤:javascript 查询 阿贾克斯 形式
