在什么情况下表单会被重复提交？如何避免？

表单被重复提交是Web应用中常见的问题，通常在用户提交表单后点击按钮多次，或在表单提交后刷新页面时发生。这可能导致数据的重复处理，比如重复记录或订单。

何时会发生表单重复提交？

用户多次点击提交按钮：在网络延迟或服务器响应慢的情况下，用户可能认为点击没有成功，于是多次点击提交按钮。
页面刷新：用户在提交表单后刷新页面，浏览器会重新发送最后一次请求，如果这是一个表单提交，那么表单会被重复提交。
重定向缺失：在表单提交后，如果服务器没有执行适当的重定向，用户在浏览器中点击“后退”按钮回到表单页面再次提交同样的数据，也会导致重复提交。

如何避免表单重复提交？

使用JavaScript禁用提交按钮：
在用户第一次点击提交按钮后，可以利用JavaScript禁用按钮，防止多次点击。

<form id="myForm">
    <input type="submit" onclick="this.disabled=true; this.value='提交中…'; this.form.submit();" value="提交"/>
</form>

服务器端生成Token：
在表单渲染时，服务器可以向表单添加一个唯一的token（通常作为隐藏字段）。提交表单时，服务器检查token是否已经提交过，如果是，则拒绝处理，并清除或更新token。
```
<form method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    
    <input type="submit" value="提交">
</form>
```

使用POST/重定向/GET模式：
在处理POST请求后，服务器应该执行一个重定向到一个新的GET请求，这样即使用户刷新页面，也只是重新加载GET请求，而不会重复提交表单。

// Servlet 处理 POST 请求
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 处理请求
    response.sendRedirect("successPage");
}

设置和检查时间戳或动作计数器：
服务器可以跟踪最后一次表单提交的时间戳或特定动作的计数器。如果两次请求的间隔过短或计数器未重置，可以拒绝处理请求。

使用Ajax提交表单：
通过Ajax异步提交表单可以提供更好的用户体验，同时通过JavaScript代码控制提交流程，从而避免表单的重复提交。

$("#myForm").submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交
    var formData = $(this).serialize();
    $.ajax({
        type: "POST",
        url: $(this).attr("action"),
        data: formData,
        success: function(data) {
            alert("提交成功");
        }
    });
});