表单重复提交问题解决办法

最新推荐文章于 2023-07-23 09:46:19 发布

Sunlalalla

最新推荐文章于 2023-07-23 09:46:19 发布

阅读量1.8k

点赞数

分类专栏：开发经验

本文链接：https://blog.csdn.net/Sun_of_Rainy/article/details/106864413

版权

本文探讨了表单重复提交的原因，如网络延迟、页面重新加载和回退操作，并提出了从前台和后台两个层面解决该问题的方法。前台可以通过限制提交事件触发次数和禁用提交按钮来防止；后台则可通过使用token机制配合拦截器。实验表明，仅后台防护无法完全避免所有重复提交情况，开发中应结合前后台策略以确保彻底解决。

摘要由CSDN通过智能技术生成

一、出现表单重复提交的原因

(1)网络延迟
(2)重新加载
(3)回退之后又返回之前页面进行提交

二、解决问题的办法

（1）从前台解决：

1)控制提交事件只触发一次

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Form表单</title>
  </head>
  <script>
      var flag = false;//false表示未提交，true表示已提交
      function isSubmited(){
        if(!flag){//未提交
            flag = true;//修改标识为已提交标识
            return true;//通过
        }
        return false;//因为已提交，所以拒绝提交
      }
  </script>
  <body>
      <form action="${pageContext.request.contextPath}/DoFormServlet" method="post" onsubmit="return isSubmited()">
        用户名：<input type="text" name="username">
        <input type="submit" value="提交" id="submit">
    </form>
  </body>
</html>

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/saveServlet")
public cl