表单提交时字段缺失，八成是没写name；浏览器只序列化带name属性的控件，id、class等无效，且name必须大小写一致、非空、不重复，否则后端收不到数据。
表单提交时字段缺失，八成是没写 name
浏览器只序列化带 name 属性的控件，id、class、data- 属性全无效。你看到输入框里有内容，但后端收不到，大概率是漏写了 name。
常见错误：
-
→ 提交时这个字段完全不出现在请求里 -
（无name）→ 后端收不到message字段 - 多个
用了不同name，比如hobby1、hobby2→ 后端无法聚合成数组
实操建议：
- 所有可提交控件必须显式设
name，且大小写与后端约定严格一致（email≠Email） - 复选框组统一用同一个
name，如name="skills"，浏览器会自动按数组方式提交 - 单选组（
radio）也必须共用name，否则无法互斥
method="post" 没显式声明，GET 请求被后端拒绝
form 不写 method，浏览器默认用 GET；不写 action，就提交到当前 URL。但后端接口往往只监听 POST /api/submit，结果发过去直接返回 405 Method Not Allowed。
关键点：
-
method="post"是文件上传、敏感数据、长文本提交的硬性前提 - 含
的表单，除了method="post"，还必须加enctype="multipart/form-data"，否则文件字段被忽略 - 搜索类只读操作可用
method="get"，但注意 URL 长度限制和参数暴露风险
动态渲染表单（React/Vue）中事件监听失效
框架里用 JS 动态插入的表单，DOM 节点不是初始加载就存在的。如果事件监听只在页面加载时绑一次，新插入的 就不会响应 submit 事件。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
典型现象：点按钮没反应，DevTools 里能看到表单元素，但 Network 面板没请求发出。
实操建议：
- 监听对象必须是
元素本身，不是按钮：formEl.addEventListener("submit", handler) - 在组件挂载后（React 的
useEffect、Vue 的mounted）再绑定，确保 DOM 已就位 - 避免用
或onsubmit="return false;"这类内联写法，它容易和框架生命周期冲突 - 按钮类型要明确：
才会触发submit事件冒泡
后端 req.body 为空，别急着查前端
前端看着 fetch 发出了请求，Network 里也能看到 200 响应，但后端 req.body 是空对象——这不是前端 bug，是服务端没开对应解析中间件。
不同框架差异明显：
- Express 需配
express.json()和express.urlencoded({ extended: true }) - NestJS 默认启用，但若自定义了
bodyParser配置，可能关掉了urlencoded - Spring Boot 的
@RequestBody要求 Content-Type 是application/json；表单提交默认是application/x-www-form-urlencoded，得用@ModelAttribute或@RequestParam
最容易被忽略的是：跨域请求时，预检（OPTIONS）成功不代表后续 POST 就能通过，仍要检查后端是否允许该 Content-Type。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
