如何通过FormData向后端API发送空数组？

问题说明 #

需要向后端API发送空数组products: []以清空产品列表，使用JSON请求体可正常实现，但通过FormData直接发送时，尝试输入[]、留空字段、输入空字符串均无法被后端识别为有效空数组（对应情况：输入[]时FormData字段值为字符串"[]"；留空时字段无值；输入空字符串时字段值为空字符串，均不符合后端要求）。

可行解决办法 #

1. 将空数组序列化为JSON字符串传入FormData #

把空数组转为JSON字符串作为FormData字段的值发送，后端接收到后再反序列化为数组。示例代码（JavaScript）：

const formData = new FormData();
// 添加其他业务字段
formData.append('name', 'Add On Product 1');
formData.append('price', '88.00');
// 将空数组转为JSON字符串传入
formData.append('products', JSON.stringify([]));
// 如有文件需上传，正常添加即可
// formData.append('image', fileObject);

// 发送请求
fetch('/api/your-endpoint', {
  method: 'POST',
  body: formData
});

后端需对应修改解析逻辑，将products字段的JSON字符串反序列化为数组。

2. 按后端数组解析格式添加空标记字段 #

如果后端框架（如Django、Spring Boot）支持key[]格式的数组解析，可以添加一个空的products[]字段触发空数组解析：

const formData = new FormData();
// 其他字段正常添加
formData.append('name', 'Add On Product 1');
// 添加空的products[]字段
formData.append('products[]', '');

// 发送请求
fetch('/api/your-endpoint', {
  method: 'POST',
  body: formData
});

这种方式依赖后端的FormData数组解析规则，需提前确认后端是否支持该格式。

3. 后端适配兼容FormData空数组场景 #

如果有权限修改后端代码，可添加兼容逻辑：

• 当接收到products字段值为字符串"[]"时，自动转为空数组；
• 当products字段不存在或为空字符串时，视为空数组处理。

这样前端无需额外改动，直接发送对应字段即可触发清空操作。

内容的提问来源于stack exchange，提问作者Abishek