Dropwizard应用：Freemarker表单提交后返回首页的实现方案

嘿，我之前在Dropwizard项目里处理表单提交跳转时也踩过类似的坑，给你几个实用的解决方案，应该能解决你的问题：

方案1：后端重定向（最推荐） #

这是最符合HTTP规范的做法，既能避免前端脚本可能出现的各种问题，还能防止表单重复提交。在你的资源方法处理完数据库操作后，直接返回一个重定向响应：

import javax.ws.rs.core.Response;
import java.net.URI;

@POST
@Path("/path/to/method")
public Response handleFormSubmission(
    @FormParam("yourFieldName") String fieldValue
    // 其他表单参数按需添加
) {
    // 执行数据库编辑/保存逻辑
    // ...
    
    // 重定向到/home路径
    return Response.seeOther(URI.create("/home")).build();
}

当浏览器收到这个303响应时，会自动发起GET请求到/home，完美实现跳转需求。

方案2：前端AJAX提交+跳转 #

如果你更倾向于前端控制流程，需要先阻止表单的默认提交行为，用AJAX提交数据，成功后再跳转。修改你的Freemarker模板：

<form id="dataForm" action="/path/to/method" method="post">
    <!-- 表单输入项示例 -->
    <input type="text" name="username" placeholder="用户名" />
    <button type="submit">提交</button>
</form>

<script>
document.getElementById('dataForm').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止表单默认提交行为，避免页面刷新
    
    const formData = new FormData(this);
    fetch(this.action, {
        method: this.method,
        body: formData
    })
    .then(response => {
        if (response.ok) {
            window.location.href = '/home'; // 提交成功后跳转至首页
        } else {
            alert('提交失败，请重试');
        }
    })
    .catch(err => {
        console.error('请求出错:', err);
        alert('提交出错，请检查网络');
    });
});
</script>

之前用location.href没生效，大概率是因为表单默认提交刷新了页面，导致脚本没机会执行，阻止默认行为后就能正常触发跳转了。

方案3：模板内添加跳转脚本（备用） #

如果暂时不想改后端逻辑，可以让后端处理完后返回一个包含跳转脚本的页面（比如Freemarker模板）：

<!DOCTYPE html>
<html>
<head>
    <title>提交成功</title>
</head>
<body>
    <div>数据已成功保存！即将跳转至首页...</div>
    <script>
        // 延迟1秒跳转，让用户看到提示信息
        setTimeout(() => {
            window.location.href = '/home';
        }, 1000);
    </script>
</body>
</html>

不过这个方案不如后端重定向优雅，适合临时应急使用。

内容的提问来源于stack exchange，提问作者SVill