表单提交后是否跳转、跳到哪，根本上由的action属性决定；method仅影响请求方式（get拼url、post走body），不改变跳转本质。
form 的 action 和 method 决定跳转行为
表单提交后是否跳转、跳到哪，根本上由 <form></form> 的 action 属性决定。如果 action 是一个有效 URL（比如 "success.html" 或 "/api/submit"），浏览器默认就会导航过去；如果是空字符串或 "#"，则可能留在当前页或只刷新当前页。
method 影响的是请求方式（"GET" 会把数据拼在 URL 后，"POST" 则走请求体），但不改变跳转本质——只要没用 JavaScript 阻止默认行为，提交后页面就会离开当前 URL。
- 想提交后跳到新页面？直接写
action="thank-you.html" - 想提交后留在原页并显示结果？必须用
event.preventDefault()+fetch或XMLHttpRequest -
action="javascript:void(0)"不推荐：语义错误，且部分浏览器会报错或触发异常导航
用 response.sendRedirect() 在服务端控制跳转（Java Servlet 场景）
如果你用 Java Web（如 Tomcat + Servlet），表单提交到后端后，不输出 HTML，而是调用 response.sendRedirect("success.jsp")，浏览器会收到 302 响应并自动跳转到目标地址。这是最干净的“服务端驱动跳转”方式。
注意：sendRedirect() 必须在响应未提交前调用；如果已经写了 out.println() 或 flush 过缓冲区，会抛 IllegalStateException。
- 跳转路径支持相对（
"./result.jsp"）和绝对（"https://example.com/done"） - 重定向后，原请求参数丢失；需通过 URL 参数（
?id=123）或 session 传递上下文 - 避免重定向循环：检查条件逻辑，防止 A → B → A 连续跳转
前端用 fetch 提交后手动 window.location.href
当需要先校验响应再跳转（比如只在 status === "ok" 时跳转），就得绕过原生表单提交，改用 fetch + JS 控制流程：
document.querySelector('form').addEventListener('submit', async (e) => {
e.preventDefault();
const res = await fetch('/api/submit', {
method: 'POST',
body: new FormData(e.target)
});
const data = await res.json();
if (data.success) {
window.location.href = '/welcome.html';
} else {
alert(data.message);
}
});
这种方式灵活，但要注意：
- 服务端返回必须是合法 JSON，且 HTTP 状态码建议用 2xx（否则
res.json()可能失败） -
window.location.href是同步跳转，不会等待资源加载完成；若需更可控，可用window.location.replace()避免用户点「后退」回到表单页 - 移动端 WebView 中，某些旧版本 Android Browser 对
FormData支持不全，可降级为URLSearchParams
别忽略 30x 响应头和浏览器历史栈的影响
无论是服务端 sendRedirect() 还是前端 window.location，跳转都会向浏览器历史栈推入一条新记录。用户点「后退」会回到表单页——这可能导致重复提交（尤其刷新后重发 POST）。
真正健壮的流程，应该结合 POST-redirect-GET 模式：表单用 POST 提交 → 服务端处理完返回 303（或 302）→ 浏览器用 GET 请求跳转页。这样最终 URL 是干净的 GET 地址，刷新安全。
- 303（See Other）比 302 更语义准确，强制后续请求用 GET，但兼容性略差；多数场景用 302 即可
- 如果跳转目标是外部域名，注意 CORS 不影响跳转本身，但跳转后的页面无法读取原页面的
document.referrer（取决于Referrer-Policy） - 调试时看 Network 面板的「Initiator」列，能快速区分跳转是来自 form submit、fetch 还是 location 赋值
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
