如何在Javascript中通过表单数据追加对象数组

Question

我有 dependents 数组，它有多个对象。我需要通过表单数据发送该对象数组。我已经尝试了很多次但无法得到正确的解决方案

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

我试图使用

进行追加

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

Answer 1

您可以使用 Array#forEach 来完成此操作...但是您的数组元素将被字符串化对象。

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[]'));

Answer 2

我喜欢这个：

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

然后当你收到数据时，执行如下操作：

params['dependents'].values