使用FormData发送多个输入

Question

我有一个表单：

<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>

我希望当用户提交表单时，可以通过类似以下代码使用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发送此类输入？

- Alexandre Cristo

Answer 1

它将发送所有值。但是，如果您想在客户端上进行检查，则需要使用{{link1：getAll}}方法。

const form = new FormData

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

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

- Yury Tarabanko