FormData append json array

Question

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?

@hurricane my form have 2 disable input. I try serializeArray but not take disable inputs value — vciloglu
– vciloglu, Commented Jul 31, 2017 at 10:51

Muthu Kumaran · Accepted Answer · 2017-07-31 10:52:22Z

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

answered Jul 31, 2017 at 10:52

Muthu Kumaran

18k5 gold badges50 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

vciloglu Over a year ago

Yes, this code is better. It worked like I wanted. Thx

ShibinRagh Over a year ago

Okay if there nested object ? data ={ first_name: 'Tom'} ?

nagiyevel · Accepted Answer · 2019-12-01 21:47:36Z

0

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

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

answered Dec 1, 2019 at 21:47

nagiyevel

4345 silver badges16 bronze badges

1 Comment

Musikero31 Over a year ago

But this one is for Typescript. Is there any plugin for javascript?

jignesh patel · Accepted Answer · 2017-07-31 10:45:02Z

-1

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

answered Jul 31, 2017 at 10:45

jignesh patel

9827 silver badges13 bronze badges

Collectives™ on Stack Overflow

FormData append json array

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related