target="_blank"不能实现无刷新，它只控制响应渲染位置而不阻止页面跳转；真正无刷新需用javascript调用event.preventdefault()并配合fetch或xmlhttprequest手动提交。
target="_blank" 会新开窗口，不是无刷新
很多人以为 target 设成 "_blank" 或 "_self" 就能“无刷新”，其实这是误解。target 只控制表单提交后响应内容的渲染位置，**不阻止页面跳转**，也不拦截默认行为。只要 method 是 "GET" 或 "POST" 且没禁用默认提交，浏览器一定会整页刷新或跳转。
真正实现无刷新提交得靠 JavaScript 拦截
必须显式调用 event.preventDefault() 阻止表单默认提交行为，再用 fetch 或 XMLHttpRequest 手动发请求。常见错误是只写 onsubmit="return false" 却没发请求，结果表单“消失”但数据根本没到后端。
- 推荐用
fetch：简洁、支持 Promise、现代浏览器兼容好（IE 不支持，需 polyfill 或换XMLHttpRequest） - 记得在
fetch后手动清空或重置表单，否则用户可能重复提交 - 服务端返回的响应类型要匹配：JSON 接口就用
response.json()，HTML 片段就用response.text()
form.addEventListener('submit', async e => {
e.preventDefault();
const formData = new FormData(e.target);
const res = await fetch(e.target.action, {
method: e.target.method || 'POST',
body: formData
});
const data = await res.json();
console.log(data);
});
用 iframe 模拟无刷新？不推荐但能跑通
历史上有人用 target="iframe-name" + 隐藏 <iframe></iframe> 实现视觉上“不跳转”，本质是把响应载入 iframe，再从 iframe 读取结果。现在看问题很多：
-
iframe内容跨域时无法读取contentDocument，直接报错 - 服务端必须返回完整 HTML（不能只返回 JSON），否则 iframe 里啥也看不到
- 没有标准错误处理机制，
fetch的catch或res.ok判断更可靠 - 现代框架和调试工具对 iframe 场景支持弱，Chrome DevTools 里难追踪请求
注意 enctype 对 FormData 的影响
表单是否含文件上传，决定了 enctype 和提交方式：
-
enctype="application/x-www-form-urlencoded"（默认）：适合纯文本字段，fetch用URLSearchParams构造体 -
enctype="multipart/form-data"：含<input type="file">时必须用，此时只能用FormData对象，不能手动拼 body -
enctype="text/plain"：基本不用，调试时偶尔见，后端解析麻烦
如果表单设了 enctype="multipart/form-data" 但 JS 里没用 FormData 提交，文件字段会丢失——这个坑容易被忽略。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
