jquery - 如何在jquery中将数据serialize()和新的formData结合起来

Question

对于只有文本字段的表单，我使用这个js:

$.ajax({
    type: "POST",
    url: 'order.php',
    data: $('#order').serialize(), 
    success: function(data){
            $('.alert-success').html(data); 
    }
});

对于另一种仅用于文件上传的表单，我有这个js:

var file_name = $('.image').val();
var index_dot = file_name.lastIndexOf(".")+1;
var ext = file_name.substr(index_dot);

var formData = new FormData();          
formData.append('fileupload',$( '.image' )[0].files[0], file_name);

$.ajax({
    url: 'order.php',
    data: formData,
    processData: false,
    contentType: false,
    type: 'POST',
    success: function(data){
        $(".alert-success").show(); 
        $('.alert-success').html(data);

    }
});

现在我想将 2 个数据: data: $('#order').serialize(), 和 data: formData, 相互组合，以便我只有 1 个 ajax

我怎样才能做到这一点？(我已经将input type="file"放入第一种表单中)

Answer 1

var file_name = $('.image').val();
var index_dot = file_name.lastIndexOf(".")+1;
var ext = file_name.substr(index_dot);

var formData = new FormData(this);          
formData.append('fileupload',$( '.image' )[0].files[0], file_name);

$.ajax({
    url: 'order.php',
    data: formData,
    ...

注意:var formData = new FormData(this);而不是var formData = new FormData();