如何通过FormData结合AJAX提交含多个test[]输入的表单？

我会给你两种完善方案——一种是更简洁高效的直接利用FormData构造函数的方法，另一种是基于你已经写了一部分的serializeArray逻辑来补充完善。

方案一：直接用表单元素初始化FormData（推荐） #

这种方法最省心，FormData会自动识别并处理所有表单字段，包括你这里的test[]数组字段，完全不用手动遍历处理：

$('#form-add').submit(function (event) {
    // 阻止表单默认的页面跳转提交行为
    event.preventDefault();

    // 直接用当前表单元素初始化FormData，自动包含所有输入字段
    var formData = new FormData(this);

    // 发送AJAX请求
    $.ajax({
        url: '#', // 记得替换成你的实际后端接口地址
        type: 'POST',
        data: formData,
        // 以下两个选项必须设置，否则FormData会被错误解析
        processData: false,
        contentType: false,
        success: function(response) {
            // 请求成功后的自定义处理逻辑，比如提示用户
            console.log('提交成功:', response);
            alert('表单提交成功！');
        },
        error: function(xhr, status, error) {
            // 请求失败后的处理逻辑
            console.error('提交失败:', error);
            alert('表单提交失败，请稍后重试！');
        }
    });
});

方案二：基于你现有serializeArray的逻辑完善 #

如果你想继续沿用serializeArray来处理字段，可以手动遍历结果并添加到FormData中，数组字段的处理也完全兼容：

$('#form-add').submit(function (event) {
    event.preventDefault();

    var formData = new FormData();
    var form_fields = $('#form-add').serializeArray();

    // 遍历serializeArray返回的字段数组，逐个添加到FormData中
    $.each(form_fields, function(index, field) {
        // 对于name为test[]的数组字段，直接append即可，FormData会保留数组结构
        formData.append(field.name, field.value);
    });

    // 发送AJAX请求，同样需要设置两个关键选项
    $.ajax({
        url: '#', // 替换成你的实际接口地址
        type: 'POST',
        data: formData,
        processData: false,
        contentType: false,
        success: function(response) {
            console.log('提交成功:', response);
            alert('提交成功！');
        },
        error: function(xhr, status, error) {
            console.error('提交失败:', error);
            alert('表单提交失败，请检查网络或接口！');
        }
    });
});

关键注意点 #

• processData: false：告诉jQuery不要自动处理FormData数据，因为FormData本身已经符合XMLHttpRequest要求的格式，手动处理会破坏结构。
• contentType: false：让浏览器自动设置正确的Content-Type头（通常是multipart/form-data），如果手动设置反而会导致后端无法正确解析参数。
• 后端接口需要支持接收数组格式的参数，比如PHP中可以通过$_POST['test']直接获取到这个数组，其他后端语言也有对应的数组参数解析方式。

内容的提问来源于stack exchange，提问作者Alexandre Cristo