target 指向 iframe 能实现“无刷新”提交，因为浏览器将表单响应直接加载进同源 iframe，主页面不跳转；关键要求是 iframe 的 name 与 target 值严格一致、服务端返回可执行脚本或可解析内容，并通过 parent 调用回调函数传递结果。
为什么 target 指向 iframe 能实现“无刷新”提交
因为浏览器会把表单提交的响应内容直接加载进指定的 iframe，主页面不跳转、不重载，视觉上就是“无刷新”。这本质是利用了表单原生的 target 行为，不是 AJAX，也不依赖 JavaScript 拦截提交。
关键前提是：提交目标必须是同源的 iframe（否则响应无法被父页脚本读取），且服务端返回的是可解析的 HTML 或文本（如 <script>parent.handleResponse(...)</script>）。
-
target值必须与iframe的name属性完全一致（大小写敏感） - 不能用
id替代name——target只认name - 若
iframe未设置name，或名字不匹配，表单会退化为全页跳转
iframe 必须设 name 且禁止 src 初始值为 about:blank？
不是禁止，而是要小心处理。很多教程直接写 <iframe name="uploadFrame"></iframe>，看似没问题，但某些浏览器（尤其是旧版 Safari 和部分 Android WebView）会因缺少 src 导致跨域策略异常或 onload 不触发。
- 推荐显式设置
src="about:blank"，并确保该 iframe 在 DOM 中已就绪再提交表单 - 避免用
data:text/html,等伪协议——可能触发 CSP 阻断或解析错误 - 如果服务端返回纯 JSON，需包裹在
<pre class="brush:php;toolbar:false;"></pre>或通过内联<script></script>触发父页回调，否则父页无法提取数据
如何从 iframe 响应中安全提取结果
不能直接读 iframe.contentDocument，除非确认同源；更稳妥的方式是让服务端返回一段执行在 iframe 上下文的脚本，主动调用父页函数。
- 表单设置
target="myFrame"，对应<iframe name="myFrame"></iframe> - 服务端返回类似：
<script>parent.uploadCallback({success:true, id:123})</script> - 父页提前定义
window.uploadCallback = function(data) { ... }，注意函数必须挂载在window上 - 若响应含 HTML 结构，可用
iframe.onload监听后读取iframe.contentDocument.body.textContent（仅同源）
常见报错：Blocked a frame with origin ... from accessing a cross-origin frame
这是最典型的错误，说明你试图在父页 JS 中访问跨域 iframe 的内容，而浏览器拒绝了。这不是 bug，是安全机制。
- 根本解法：服务端响应必须同源，或使用
postMessage（但这就脱离了纯target机制） - 不要在
onload里直接查iframe.contentWindow.document——先检查iframe.contentWindow.location.origin是否等于window.location.origin - 调试时可在 iframe 内加
<script>console.log('origin:', location.origin)</script>，对比是否一致
真正难的不是让表单不刷新，而是让父页可靠地拿到结果——这取决于服务端能否配合返回可执行/可解析的内容，以及你是否接受了同源约束。其他所有技巧，都是在这个前提下打补丁。
