FormData.get()只返回同名字段的第一个值，getAll()才返回全部值组成的数组；同名多值仅对checkbox、multiple select、hidden等特定元素生效，text等类型不自动聚合。
name属性重复时FormData.get()只返回第一个值
当多个表单元素（比如 <input type="checkbox"> 或 <select multiple>）共享同一个 name，FormData.get('xxx') 永远只取第一个匹配项——这是规范行为，不是 bug。你看到的“丢失”其实是预期结果。
真正要拿全部，得用 FormData.getAll('xxx')，它返回一个数组，哪怕只有一个值也包在数组里。
-
get()适合单值场景（如单选<input name="gender">） -
getAll()是唯一能拿到全部同名值的方法，包括 checkbox 全选、多选下拉、多个 hidden 字段等 - 注意：如果 name 根本不存在，
getAll()返回空数组[]，不是null或undefined
哪些 HTML 元素天然支持同名多值提交
不是所有同名元素都会被 FormData 收集为多个条目。浏览器只对特定类型做“多值聚合”：
-
<input type="checkbox" name="tag">：勾选多个时，每个都参与提交 -
<select multiple name="role">：用户 Ctrl+Click 多选，每个选中 option 都生成一项 -
<input type="hidden" name="id">：多个同名 hidden 会被全部收录（常用于列表批量 ID） -
<input type="radio" name="mode">：同名 radio 只有一个能选中，所以永远单值 —— 即使 DOM 里写多个，getAll()也最多返回一个
别指望 <input type="text" name="item"> 写两遍就能自动变成数组；浏览器不解析这种语义，只会取最后一个（或第一个，取决于序列化顺序）。
立即学习“前端免费学习笔记（深入）”；
后端接收时要注意数组 vs 字符串
FormData.getAll('tags') 在 JS 里是 ['a', 'b', 'c']，但发到后端后，不同框架解析逻辑差异很大：
- PHP 的
$_POST['tags']默认是字符串（最后一个值），要用$_POST['tags'][]语法或确保 HTML 中 name 带[]（即name="tags[]"）才能得到数组 - Node.js（如 Express +
body-parser）默认把同名字段合并成逗号分隔字符串，除非用extended: true并配合name="tags[]" - 主流现代框架（Django、Rails、Spring Boot）通常能正确识别同名字段为数组，但前提是前端没手动拼接 FormData（比如用
append()覆盖而非追加）
最稳的做法：前端用 getAll() 显式构造数组，再转成 JSON 发送；或者统一约定后端接口接收 JSON，绕过 application/x-www-form-urlencoded 的歧义。
调试时怎么确认 FormData 真实内容
别靠 console.log(formData) —— 它不打印内部数据。必须用 entries() 或 forEach() 展开：
for (const [key, value] of formData.entries()) {
console.log(key, value); // 同名 key 会出现多次
}
或者一次性转成对象看结构（注意：同名 key 会被后面覆盖）：
Object.fromEntries(formData.entries()) // ❌ 错误，会丢值
正确方式是先 getAll() 再处理：
const tags = formData.getAll('tags'); // ✅
容易忽略的是：DOM 动态增删元素后，必须重新构造 FormData 实例（传入当前 <form>），不能复用旧实例 —— 它不会自动响应 DOM 变化。
