token防止前端重复提交

Posted 2023-05-08

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了token防止前端重复提交相关的知识，希望对你有一定的参考价值。

参考技术A 关于表单重复提交的控制在不同的层面有不同的实现方法。最简单的就是前端按钮提交之后置灰控制。另外对于绕过前端恶意重复提交的行为就需要在服务端进行控制。大致分为两类。第一类为web容器对请求进行控制，第二类为业务系统幂等控制。

这里介绍一下通过token实现web容器重复请求控制。

原理： 1表单打开时向后端申请一个token。

2表单提交时将token一并提交

3controller处理请求时检查token，如果token存在则删除这个token并判定请求合法。

注意：redis要用删除操作来判断token，删除成功代表token校验通过，如果用select+delete来校验token，存在并发问题，不建议使用

实现例子：

1 创建一个TokenUtil类，用来生成token和token校验

2获取token的controller

3 token判定的应用

token防止表单重复提交

出现表单重复提交的三种情况：

一、服务器响应缓慢，用户多次点击提交按钮。

二、提交成功后刷新页面。

三、提交成功后返回表单页面再次点击提交。

package com.jalja.token;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.UUID;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class UserServlet  extends HttpServlet{
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doPost(request, response);
    }
    public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        String contextPath=request.getContextPath();
        String requestURI=request.getRequestURI();
        String path=requestURI.substring(contextPath.length()+1, requestURI.length());
        String token="";
        if(path.equals("index.do")){
            token = UUID.randomUUID().toString();//创建令牌
            System.out.println("在FormServlet中生成的token："+token);
            request.getSession().setAttribute("token", token);  //在服务器使用session保存token(令牌)
            request.getRequestDispatcher("/index.jsp").forward(request, response);//跳转到form.jsp页面
        }
        if(path.equals("token.do")){
            String name=request.getParameter("username");
            String tokenValue=request.getParameter("tokenValue");//获取客户端的Token
            System.out.println("获取客户端的token："+tokenValue);
            String server_token = (String) request.getSession().getAttribute("token");//获取服务器端的token
            if(tokenValue!=null && server_token!=null && server_token.equals(tokenValue)){
                System.out.println("处理请求; 获得name==》"+name);
                try {
                    Thread.sleep(3*1000);//模拟网络延迟
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }else{
                System.out.println("不处理");

            }
            request.getSession().removeAttribute("token");//每次处理玩请求都要移除掉token
        }
    }
    
}

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
  <head>
    <title>Form表单</title>
  </head>
  <body>
      <h2>防止表单重复提交</h2>
      <form action="${pageContext.request.contextPath}/token.do"  method="post">
         <input type="hidden" value="${token}" name="tokenValue"/>
                 用户名：<input type="text" name="username"/>
        <input type="submit" value="提交" id="submit"/>
    </form>
  </body>
</html>

<?xml version="1.0" encoding="UTF-8"?>  
<web-app version="2.5"   
    xmlns="http://java.sun.com/xml/ns/javaee"   
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> 
    <servlet>  
        <servlet-name>token</servlet-name>  
        <servlet-class>com.jalja.token.UserServlet</servlet-class>  
        <load-on-startup>1</load-on-startup>  
    </servlet>  
    <servlet-mapping>  
        <servlet-name>token</servlet-name>  
        <url-pattern>*.do</url-pattern>  
    </servlet-mapping>   
</web-app>

以上是关于token防止前端重复提交的主要内容，如果未能解决你的问题，请参考以下文章