我有以下 HTML 表单：
<form action="https://portal. .com/index.php/ajax/do_add" method="post" accept-charset="utf-8" id="add_form" enctype="multipart/form-data"><div style="display:none">
<input type="hidden" name="csrf_test_name" value=" " />
<table id="table_add">
<tr>
<td>Type:</td>
<td><select name="type">
<option value="blank"></option>
<option value="document">Document</option>
<option value="software">Software</option>
<option value="video">Video</option>
</select></td>
</tr>
<tr class="add_doc add_sw"><td>File:</td><td><input type="file" name="file" /></td></tr>
<tr class="add_vid"><td>URL:</td><td><input type="text" name="url" value="" /></td></tr>
<tr class="add_doc"><td>Title:</td><td><input type="text" name="title" value="" /></td></tr>
<!--OTHER ELEMENTS REMOVED FOR BREVITY -->
<tr class="add_doc add_sw add_vid"><td colspan="2"><input type="submit" name="submit" value="Submit" /></td></tr>
</table>
</form>
我有以下 jQuery 代码（注意 $ml 等于默认 $）：
$ml('form#add_form')
.submit(function(e){
e.preventDefault();
console.log($ml(this)); //outputs the form element context, as I was expecting
var formdata = new FormData($ml(this));
$ml.ajax({
type: "POST",
url: "/ajax/do_add",
data: formdata,
processData: false,
contentType: false
})
.done(function(msg) {
$ml('form#add_form').each(function(){ this.reset();});
$ml('td#form_add_status').html('<span style="color:green;">Update complete</span>');
})
.fail(function(jqXHR, msg) {
$ml('td#form_add_status').html('<span style="color:red;">Error Updating Entry: ' + msg + '</span>');
})
});
不使用FormData，只是手动传递它的工作形式信息 - 除了我有一个file类型input。如果没有 AJAX，表单可以正常工作，使用 AJAX 我需要FormData传递文件。我已经在网上搜索并找到了一些东西，但没有一个有效。
发送时开发者控制台显示以下内容：
