How to append array of objects through form data in Javascript

Question

I have dependents array, which has multiple objects. I need to send that array of objects through form data. I have gone through so many tries but cannot get correct solution

    let dependents = [{name: "ashraf", number: 96546},{name: "himanshu", number: 98766}]

I was trying to append using

    var data = new FormData();
    data.append("dependents[]", dependents)

Use dependents.concat(name of array to append), concat returns the new array. — SPlatten
– SPlatten, Commented Aug 22, 2019 at 7:51

kemicofa · Accepted Answer · 2019-08-22 08:04:28Z

7

You can use Array#forEach to accomplish this... however your array elements will be stringified obejcts.

const dependents = [{name: "ashraf", number: 96546},{name: "himanshu", number: 98766}]
const data = new FormData();
dependents.forEach(item => {
  data.append(`dependents[]`, JSON.stringify(item));
});
console.log(data.getAll('dependents[]'));

answered Aug 22, 2019 at 8:04

kemicofa

17.7k10 gold badges92 silver badges145 bronze badges

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

Comments

Michael Wiltbank · Accepted Answer · 2024-04-20 20:27:56Z

2

I like this:

const dependents = [{name: "ashraf", number: 96546},{name: "himanshu", number: 98766}]
const data = new FormData();

dependents.forEach((item, index) => {
  data.append(`dependents[${index}]name`, item['name']);
  data.append(`dependents[${index}]number`, item['name']);
});

And then when you receive the data, do something like this:

params['dependents'].values

answered Apr 20, 2024 at 20:27

Michael Wiltbank

1511 silver badge3 bronze badges

Collectives™ on Stack Overflow

How to append array of objects through form data in Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related