使用FormData发送多个输入

时间:2018-03-22 12:24:38

标签: javascript html form-data

我有这样的表格:

<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发送此类输入?

1 个答案:

答案 0 :(得分:0)

它将发送所有值。但是,如果您想要检查客户端,则需要使用http://xmlns.oracle.com/apps/prc/poz/suppliers/supplierServiceV2/方法。

const form = new FormData

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

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