FormData 是一种用于构建一组键值对来表示表单字段和其值的对象,它可以方便地将数据发送到服务器。当使用 FormData 发送多个对象时,如果仅发送了第一个对象的名称,可能是由于以下原因:
以下是一个示例代码,展示如何正确地将多个对象添加到 FormData 中并发送:
// 假设有一个包含多个对象的数组
const data = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 35 }
];
// 创建一个新的 FormData 对象
const formData = new FormData();
// 遍历数组并将每个对象添加到 FormData 中
data.forEach((item, index) => {
formData.append(`name[${index}]`, item.name);
formData.append(`age[${index}]`, item.age);
});
// 使用 fetch API 发送 FormData
fetch('https://example.com/api', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
new FormData()
创建一个新的 FormData 对象。forEach
方法遍历包含多个对象的数组。formData.append
方法将每个对象的属性添加到 FormData 中。注意,这里使用了 [index]
来区分不同的对象。fetch
API 发送 FormData 到服务器。通过这种方式,可以确保所有对象都被正确地添加到 FormData 中并发送到服务器。
领取专属 10元无门槛券
手把手带您无忧上云