javascript - 使用 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 通过 AJAX 发送此信息，如下所示:

$('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 发送此类输入？

Answer 1

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

const form = new FormData

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

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