在 Spring MVC 中使用 GET 表单时，浏览器会将所有表单项作为查询参数自动拼接到 URL 后，导致 /{path}/{variable} 路由被污染；正确做法是禁用表单默认提交行为，改用 JavaScript 重定向跳转。
在 spring mvc 中使用 get 表单时，浏览器会将所有表单项作为查询参数自动拼接到 url 后，导致 `/{path}/{variable}` 路由被污染；正确做法是禁用表单默认提交行为，改用 javascript 重定向跳转。
Spring MVC 的 @GetMapping("/profile/{username}") 映射要求 URL 路径中精确包含路径变量（如 /profile/john），但当使用 <form method="get"></form> 提交时，浏览器会自动收集所有 <input> 字段并以 ?key=value 形式附加到 action URL 末尾——即使你已通过 JavaScript 动态设置了 form.action = "/profile/" + username，表单仍会把 <input path="username"> 的值作为查询参数追加，最终生成 GET /profile/john?username=john，这与 @PathVariable 的匹配逻辑冲突，导致 404 或参数绑定失败。
根本原因在于：HTML 表单的 method="get" 语义决定了它必须将表单控件序列化为查询字符串，这是浏览器规范行为，无法通过 Spring 配置或注解绕过。
✅ 正确解决方案：放弃表单提交机制，改用纯 JavaScript 导航
<form:form method="get" id="profileForm" modelAttribute="profile">
<form:label path="username">Name</form:label>
<form:input path="username" id="usernameInput"/>
<input type="submit" value="Submit" onclick="navigateToProfile(); return false;"/>
</form:form>
<script>
function navigateToProfile() {
const username = document.getElementById("usernameInput").value.trim();
if (!username) return;
window.location.href = "/profile/" + encodeURIComponent(username);
}
</script>关键点说明：
- 移除
onsubmit绑定，改用onclick在按钮上触发，并立即return false阻止默认提交； - 使用
encodeURIComponent()对用户名编码，避免特殊字符（如空格、/、?）破坏 URL 结构； - 服务端控制器保持简洁，无需改动：
@GetMapping("/profile/{username}") public String profile(@PathVariable String username, Model model) { model.addAttribute("username", username); return "profile-view"; }
⚠️ 注意事项：
- 不要使用
<button type="submit"></button>触发表单提交，否则仍会触发 GET 序列化； - 若需支持回车键提交，可监听输入框
keydown事件：document.getElementById("usernameInput").addEventListener("keydown", function(e) { if (e.key === "Enter") { e.preventDefault(); navigateToProfile(); } }); - 禁用表单的
action属性（或设为空），避免误触发传统提交。
此方案既满足“URL 可直接访问、可分享、可书签化”的 RESTful 设计目标，又完全规避了 HTML 表单对 GET 请求的固有限制，是 Spring MVC 场景下处理动态路径跳转的标准实践。
