我试图仅提交一个非常大的表单的特定输入,并且我想使用 ajax 来做到这一点。我有这个并且运行良好。这将提交#someDiv 内的所有输入。
$(".save").click(function () {
dat = $.param($('#someDiv').find('input'));
$.ajax({
type: "POST",
url: "...",
data: dat,
success: function(data) {
//success
}
});
});
然后我想起其中一些输入是文件输入,因此这不起作用。我做了一些研究,发现使用 FormData 是正确的方法:
$(".save").click(function () {
dat = new FormData($('#someDiv').find('input'));
$.ajax({
type: "POST",
url: "...",
data: dat,
processData: false,
contentType: false,
success: function(data) {
//success
}
});
});
但是这个函数不起作用,成功函数正在触发,但没有任何内容保存,所以我假设 FormData 没有正确创建。有任何想法吗?提前致谢
最佳答案
您无法创建如下的 formData
dat = new FormData($('#someDiv').find('input'));
您需要将Javascript表单引用传递给表单,例如,如果表单的id是singupForm,则按如下方式执行
dat = new FormData($('#singupForm')[0]);
编辑
如果您只想添加选定的字段,可以按如下方式操作
var formData = new FormData();
formData.append("variable", "First Value");
formData.append("integerVariable", 987654321);
// For file, remember to pass the JavaScript reference
formData.append("userfile", fileInputElement.files[0]);
关于javascript - 使用 FormData ajax 提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30076507/