javascript - FormData append json array - Stack Overflow

admin管理员组

文章数量:1278910

I could not do new FormData or insert a json sequence

my Json data:

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()
      };

How do I attach this to new FormData?

I could not do new FormData or insert a json sequence

my Json data:

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()
      };

How do I attach this to new FormData?

• javascript
• jquery
• json

Share Improve this question Follow asked Jul 31, 2017 at 10:30 vcilogluvciloglu 51622 gold badges77 silver badges2121 bronze badges 3

• Why do you need FormData? – hurricane Commented Jul 31, 2017 at 10:32
• xyproblem.info – Yury Tarabanko Commented Jul 31, 2017 at 10:34
• @hurricane my form have 2 disable input. I try serializeArray but not take disable inputs value – vciloglu Commented Jul 31, 2017 at 10:51

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 7

Use append to add new data. Checkout MDN about formData append

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);
})

Found one: https://github./therealparmesh/object-to-formdata/

object-to-formdata is a convenient JavaScript function that converts an object to a FormData instance.

You can do by this code.

 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) {                    
            },
});

本文标签： javascriptFormData append json arrayStack Overflow