JavaWeb防止表单重复提交的几种方式

最新推荐文章于 2024-02-21 15:43:19 发布

qq_43154385

最新推荐文章于 2024-02-21 15:43:19 发布

阅读量135

点赞数

分类专栏： java

原文链接：https://blog.csdn.net/pengfudian1991/article/details/82560767

版权

java 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

一、表单重复提交的常见应用场景

网络延迟的情况下用户多次点击submit按钮导致表单重复提交
用户提交表单后，点击【刷新】按钮导致表单重复提交（点击浏览器的刷新按钮，就是把浏览器上次做的事情再做一次，因为这样也会导致表单重复提交）
用户提交表单后，点击浏览器的【后退】按钮回退到表单页面后进行再次提交

二、防止防止表单重复提交的方式

1、利用JavaScript防止表单重复提交

※ 一、用JavaScript控制Form表单只能提交一次

主要代码：

<form action="${pageContext.request.contextPath}/servlet/DoFormServlet" οnsubmit="return dosubmit()" method="post">
    用户名：<input type="text" name="username">
    <input type="submit" value="提交" id="submit">
</form>

<head>
    <title>Form表单</title>
    <script type="text/javascript">
        var isCommitted = false;//表单是否已经提交标识，默认为false
        function dosubmit(){
            if(isCommitted==false){
                isCommitted = true;//提交表单后，将表单是否已经提交标识设置为true
                return true;//返回true让表单正常提交
            } else {
                return false;//返回false那么表单将不提交
            }
        }
    </script>
</head>

※ 二、将提交按钮设置为不可用

主要代码：

function dosubmit(){
    //获取表单提交按钮
    var btnSubmit = document.getElementById("submit");
    //将表单提交按钮设置为不可用，这样就可以避免用户再次点击提交按钮
    btnSubmit.disabled= "disabled";
    //返回true让表单可以正常提交
    return true;
}

※ 三、将提交按钮隐藏（易被认为是bug）

使用JavaScript防止表单重复提交的做法，只对上述提交到导致表单重复提交的三种场景中的【场景一】有效

2、利用Session防止表单重复提交

主要步骤：

1、在服务器端生成一个唯一的随机标识号，专业术语称为Token(令牌)，并在当前用户的Session域中保存这个Token

https://blog.csdn.net/pengfudian1991/article/details/82560715

String token = TokenProccessor.getInstance().makeToken();//创建令牌
System.out.println("在FormServlet中生成的token："+token);
request.getSession().setAttribute("token", token);  //在服务器使用session保存token(令牌)
request.getRequestDispatcher("/form.jsp").forward(request, response);//跳转到form.jsp页面

2、将Token发送到客户端的Form表单中，在Form表单中使用隐藏域来存储这个Token，表单提交的时候连同这个Token一起提交到服务器端

<form action="${pageContext.request.contextPath}/servlet/DoFormServlet" method="post">
    <%--使用隐藏域存储生成的token--%>
    <%--
        <input type="hidden" name="token" value="<%=session.getAttribute("token") %>">
    --%>
    <%--使用EL表达式取出存储在session中的token--%>
    <input type="hidden" name="token" value="${token}"/> 
    用户名：<input type="text" name="username"> 
    <input type="submit" value="提交">
</form>

3、在服务器端判断客户端提交上来的Token与服务器端生成的Token是否一致，如果不一致，那就是重复提交了，此时服务器端就可以不处理重复提交的表单。如果相同则处理表单提交，处理完后清除当前用户的Session域中存储的标识号。

/**
 * 判断客户端提交上来的令牌和服务器端生成的令牌是否一致
 * @param request
 * @return 
 *         true 用户重复提交了表单 
 *         false 用户没有重复提交表单
 */
private boolean isRepeatSubmit(HttpServletRequest request) {
    String client_token = request.getParameter("token");
    //1、如果用户提交的表单数据中没有token，则用户是重复提交了表单
    if(client_token==null){
        return true;
    }
    //取出存储在Session中的token
    String server_token = (String) request.getSession().getAttribute("token");
    //2、如果当前用户的Session中不存在Token(令牌)，则用户是重复提交了表单
    if(server_token==null){
        return true;
    }
    //3、存储在Session中的Token(令牌)与表单提交的Token(令牌)不同，则用户是重复提交了表单
    if(!client_token.equals(server_token)){
        return true;
    }
    
    return false;
}

doGet方法中：

boolean b = isRepeatSubmit(request);//判断用户是否是重复提交
if(b==true){
    System.out.println("请不要重复提交");
    return;
}
request.getSession().removeAttribute("token");//移除session中的token
System.out.println("处理用户提交请求！！");

对于【场景二】和【场景三】导致表单重复提交的问题，既然客户端无法解决，那么就在服务器端解决，在服务器端解决就需要用到session了。使用token的方法能解决【场景二】和【场景三】的情况。

qq_43154385

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb防止表单重复提交的几种方式

一、表单重复提交的常见应用场景网络延迟的情况下用户多次点击submit按钮导致表单重复提交用户提交表单后，点击【刷新】按钮导致表单重复提交（点击浏览器的刷新按钮，就是把浏览器上次做的事情再做一次，因为这样也会导致表单重复提交）用户提交表单后，点击浏览器的【后退】按钮回退到表单页面后进行再次提交二、防止防止表单重复提交的方式 1、利用JavaScript防止表单重复提交...
复制链接

扫一扫

专栏目录