Spring MVC 中 GET 表单提交时如何避免自动追加请求参数？-java教程-PHP中文网

Spring MVC 中 GET 表单提交时如何避免自动追加请求参数？

在 Spring MVC 中使用 GET 表单时，浏览器会将所有表单项作为查询参数自动拼接到 URL 后，导致 /{path}/{variable} 路由被污染；正确做法是禁用表单默认提交行为，改用 JavaScript 重定向跳转。

在 spring mvc 中使用 get 表单时，浏览器会将所有表单项作为查询参数自动拼接到 url 后，导致 `/{path}/{variable}` 路由被污染；正确做法是禁用表单默认提交行为，改用 javascript 重定向跳转。

Spring MVC 的 @GetMapping("/profile/{username}") 映射要求 URL 路径中精确包含路径变量（如 /profile/john），但当使用

提交时，浏览器会自动收集所有字段并以 ?key=value 形式附加到 action URL 末尾——即使你已通过 JavaScript 动态设置了 form.action = "/profile/" + username，表单仍会把的值作为查询参数追加，最终生成 GET /profile/john?username=john，这与 @PathVariable 的匹配逻辑冲突，导致 404 或参数绑定失败。

根本原因在于：HTML 表单的 method="get" 语义决定了它必须将表单控件序列化为查询字符串，这是浏览器规范行为，无法通过 Spring 配置或注解绕过。

✅ 正确解决方案：放弃表单提交机制，改用纯 JavaScript 导航

关键点说明：

jQuery金融借款单提交表单

jQuery金融借款单提交表单，包含出借金额和日期的选择，且自动计算利息，非常的简单方便。

下载

移除 onsubmit 绑定，改用 onclick 在按钮上触发，并立即 return false 阻止默认提交；
使用 encodeURIComponent() 对用户名编码，避免特殊字符（如空格、/、?）破坏 URL 结构；

服务端控制器保持简洁，无需改动：

@GetMapping("/profile/{username}")
public String profile(@PathVariable String username, Model model) {
    model.addAttribute("username", username);
    return "profile-view";
}

⚠️ 注意事项：

不要使用触发表单提交，否则仍会触发 GET 序列化；

若需支持回车键提交，可监听输入框 keydown 事件：

document.getElementById("usernameInput").addEventListener("keydown", function(e) {
    if (e.key === "Enter") {
        e.preventDefault();
        navigateToProfile();
    }
});