submit按钮点击后无请求，首要检查form的method和action是否正确设置；其次确认是否遗漏event.preventdefault()；再排查submit按钮的name/value传递及后端content-type与解析配置是否匹配。
submit 按钮点击后没发请求？检查 form 的 method 和 action 是否设置
浏览器原生表单提交行为完全依赖 <form></form> 标签的 method 和 action 属性。如果点击 <input type="submit"> 后页面刷新但没看到网络请求，大概率是这两个属性缺失或值非法。
-
action为空或"#"：提交会刷新当前页，不发请求 -
method写成"GETT"或大小写混用（如"get"）：部分老浏览器可能回退为 GET，但现代浏览器通常静默降级或报错 - 没写
method：默认为"GET"，参数拼在 URL 上，容易被截断或暴露敏感数据
建议显式写：<form method="POST" action="/api/login"></form>，并确保后端路由能接收该路径和方法。
阻止默认提交后忘记手动 fetch？记得 return false 或 event.preventDefault()
很多场景下需要先校验、加 loading、或改用 fetch 提交 —— 这时必须阻止表单默认行为，否则页面刷新会中断 JS 执行。
- 直接在 HTML 中加
onsubmit="return false;"最快，但不利于维护 - 推荐 JS 绑定：
form.addEventListener('submit', e => { e.preventDefault(); /* fetch 逻辑 */ }); - 漏掉
e.preventDefault()是高频错误，现象是：控制台看到 fetch 发出了，但紧接着页面刷新，请求被 cancel - 若用
async函数处理 submit，别忘了awaitfetch，否则 loading 状态可能提前结束
input[type="submit"] 和 button[type="submit"] 行为一致，但 value 和 innerText 有区别
两者都能触发表单提交，但提交时携带的字段不同，影响后端判断操作意图（比如“保存” vs “删除草稿”）。
-
<input type="submit" name="action" value="save">：提交时带action=save -
<button type="submit" name="action" value="delete">删草稿</button>：同样带action=delete，innerText不参与提交 - 若
button没设value，部分浏览器会提交innerText（不可靠），务必显式声明value - 多个 submit 按钮共存时，只有被点击的那个的
name/value会出现在请求体中（GET 在 query，POST 在 body）
后端收不到 POST 数据？检查 Content-Type 和 body 解析配置
前端用 fetch 提交时，若没设 header 或 body 格式不对，后端可能解析失败，返回空对象或 400。
- 提交 JSON：
headers: {'Content-Type': 'application/json'}，且body: JSON.stringify(formData) - 提交表单编码（类似原生）：
headers不用设，body: new URLSearchParams(formData) - Node.js Express 需启用
express.urlencoded({ extended: true })才能解析application/x-www-form-urlencoded - Python Flask 默认不自动解析 JSON body，需用
request.get_json()，且前端必须发application/json
一个容易忽略的点：表单里含文件上传时，必须用 FormData 对象构造 body，且不能手动设 Content-Type（浏览器会自动加 boundary）。
