无法使用jquery ajax同时序列化这两个表单
无法使用jquery ajax同时序列化这两个表单
提问于 2018-06-30 02:30:21
我有两个表单，第一个表单输入文本，并上传文件，第二个表单只包含文本字段。
在提交第二个表单时，我想合并两个表单并使用ajax提交数据。
<form id="data" method="post" enctype="multipart/form-data">
<input type="text" name="first" value="Bob" />
<input type="text" name="middle" value="James" />
<input type="text" name="last" value="Smith" />
<input name="image" type="file" />
<button>Submit</button>
</form>
<form action="conn.php" method="POST" id="request-form2" enctype="multipart/form-data">
<input type="text" name="full_name2">
<br/>
<input type="text" name="last_name2">
<br/>
<input type="submit" value="submit" name="submit">
</form>这是我尝试过的脚本，
$('form#request-form2').click(function(event) {
event.preventDefault();
var formData2 = $('#data');
var formData = new FormData(formData2);
console.log(formData);
$.ajax({
url: 'conn.php',
type: 'POST',
data: formData,
success: function (data) {
// console.log(data)
},
cache: false,
contentType: false,
processData: false
});
});回答 1
Stack Overflow用户
发布于 2018-06-30 05:20:32
还没有测试过，但是为什么你不能：
var formData=$('#data').serializeArray();
var formData2=$('#request-form2').serializeArray();
formData.push(formData2);并在ajax调用的数据选项中包含formData？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51107546
复制相关文章
相似问题