jquery - 使用 formdata 发布数组

Question

我正在使用新的 HTML5 FormData-Object 通过 Ajax 发布一些值和图像。到目前为止它工作正常。现在，我想使用这个对象发布一个数组，但我在服务器端得到的只是“[object - object]”。如何使用 formdata 发布数组？

到目前为止我得到了什么

var formData=new FormData();
formData.append('text', $('#text').attr('value'));
formData.append('headline',$('#headline').attr('value'));
formData.append('myarray',{key1: 'bla', key2: 'blubb'});

最后一行不起作用。我用这个代码发送请求

                 $.ajax({
                        url: 'xyz',
                        data: formData,
                        type: 'POST',
                        processData: false,
                        contentType: false,
                        success: function(data) { 
                            var decoded=$.parseJSON(data);
                            displaySuccess('Success', decoded.message); 
                        },error: function(data){
                            var decoded=$.parseJSON(data);
                            displayError('Error', decoded.message);
                        },complete: function(data){
                            $('#cursor').hide();
                            $("#submitbutton").removeAttr('disabled')
                        }
                    });

提前致谢。

Answer 1

对关联数组的每个元素使用 .append() 可能会产生您期望的结果。

代替这一行:

formData.append('myarray',{key1: 'bla', key2: 'blubb'});

您可以尝试以下方法:

var myarray = {key1: 'bla', key2: 'blubb'};

jQuery.each(myarray, function(key, value) {
    formData.append('myarray['+key+']', value);
});