使用 FormData 发送多个输入答案

【问题标题】：Send multiple input using FormData使用 FormData 发送多个输入
【发布时间】：2018-03-22 12:24:37
【问题描述】：

我有这个表格：

<form action="#" id="form-add">
    <input type="text" name="test[]" value="hello">
    <input type="text" name="test[]" value="bye">
    <button type="submit"><Submit/button>
</form>

我希望，当用户提交时，通过 AJAX 使用 FormData 发送此信息，如下所示：

$('form-add').submit(function (event)
    {
        //Prevents from submitting form
        event.preventDefault();

        var formData = new FormData();

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

        $.each(form_fields, function (key, input)
        {
            formData.append(input.name, input.value);
        });

    });

问题是当我尝试检查变量formData中的条目时，它只显示第一个输入的值：

console.log(formData.get('teste[]'));

//Returns
hello

如何使用 FormData 发送此类输入？

【问题讨论】：

标签： javascript html form-data

【解决方案1】：

它将发送所有值。但是如果你想检查一个客户端，你需要使用getAll 方法。

const form = new FormData

form.append('a', 1)
form.append('a', 2)

console.log(form.getAll('a'))

【讨论】：