FormData 追加 json 数组

Question

我无法创建新的 FormData 或插入 json 序列

我的 Json 数据：

var data = {
        status: "COMPLETE",
        personName: $('#full_name').val(),
        personPhone: $('#phone_number').cleanVal(),
        personEmail: $('#e_mail').val(),
        referanceFullname: $('#person_full_name').val(),
        referancePhone: $('#person_phone_number').cleanVal(),
        referanceEmail: $('#person_e_mail').val()
      };

如何将其附加到新的 FormData？

Answer 1

使用append添加新数据。 签出关于formData append MDN

var fd = new FormData();

var data = {
        status: "COMPLETE",
        personName: $('#full_name').val(),
        personPhone: $('#phone_number').cleanVal(),
        personEmail: $('#e_mail').val(),
        referanceFullname: $('#person_full_name').val(),
        referancePhone: $('#person_phone_number').cleanVal(),
        referanceEmail: $('#person_e_mail').val()
};


$.each(data, function(key, value){
  fd.append(key, value);
})

Answer 2

找到一个： https : //github.com/therealparmesh/object-to-formdata/

object-to-formdata是一个方便的 JavaScript 函数，可将对象转换为 FormData 实例。

Answer 3

你可以通过这个代码来做。

 var data = new FormData();
 data.append("status", "COMPLETE");
 data.append("personName", $('#full_name').val());
 data.append("personPhone", $('#phone_number').cleanVal());
 data.append("personEmail", $('#e_mail').val());
 data.append("referanceFullname", $('#person_full_name').val());
 data.append("referancePhone", $('#person_phone_number').cleanVal());
 data.append("referanceEmail", $('#person_e_mail').val());

 $.ajax({
            type: "POST",
            url: url,
            processData: true,
            data: data,
            beforeSend: function (xhr) {                    
            },
            success: function (data) {                    
            },
});