Spring MVC防止数据重复提交

1.使用js做前端验证,对比上次发送的数据是否相同   -- 对于Ajax提交表单的情况

var preData = "";
	$("#send-email").click(function(){
		if(!$("#send_all").is(':checked')&&($("#receivers").val()==null||$("#receivers").val()=="")){
			alert("收件人不能不空!");
			return -1;
		}
		<--这里是前端验证,防止重复提交表单-->
		if(preData==$("#email_form").serialize()){
			alert("不能重复提交数据");
			return false;
		}else{
		preData = $("#email_form").serialize();
		}
		
		$.ajax({
			type : 'POST',
			dataType: "json",
			url : ctx+'/player/sendEmail.htm',
			accept:"application/json",
			data : $("#email_form").serialize(),
			success : function(data) {
				console.log(data);
				if(data.json!=undefined){
				console.log(data.json);
				alert(data.json);
				}else if(data.error!=undefined){
					alert(data.error);
				}
			},
			error : function(data,textStatus, errorThrown) {
				console.log(data);
			}
		});<span style="font-family: Arial, Helvetica, sans-serif;">		</span>
	});


2.使用Token+Spring MVC的拦截器机制做后端验证,防止重复提交表单

这个Bug的具体情况是这样的,就是在上传视频后,会将数据提交到服务器,而当提交数据后点击浏览器的后退按扭,却又可以再次提交!这显示是不符合逻辑的,造成了数据重复提交。

好的,下面来讲一下如何在Spring MVC里面解决此问题(其它框架也一样,逻辑一样,思想一样,和具体框架没什么关系)。要解决重复提交,有很多办法,比如说在提交完成后redirect一下,也可以用本文提到的使用token的方法(我不使用redirect是因为那样解决不了ajax提交数据或者移动应用提交数据,另一个原因是现在比较通行的方法是使用token,像python里的django框架也是使用token来解决)。

使用token的逻辑是,给所有的url加一个拦截器,在拦截器里面用java的UUID生成一个随机的UUID并把这个UUID放到session里面,然后在浏览器做数据提交的时候将此UUID提交到服务器。服务器在接收到此UUID后,检查一下该UUID是否已经被提交,如果已经被提交,则不让逻辑继续执行下去…

好的,来点实际代码,也许实际代码才是最好的老师:
注解Token代码:

@Target (ElementType.METHOD)
@Retention (RetentionPolicy.RUNTIME)
public @interface Token {
 
     boolean save() default false ;
 
     boolean remove() default false ;
}

拦截器TokenInterceptor代码:

public class TokenInterceptor extends HandlerInterceptorAdapter {
 
     @Override
     public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
         if (handler instanceof HandlerMethod) {
             HandlerMethod handlerMethod = (HandlerMethod) handler;
             Method method = handlerMethod.getMethod();
             Token annotation = method.getAnnotation(Token. class );
             if (annotation != null ) {
                 boolean needSaveSession = annotation.save();
                 if (needSaveSession) {
                     request.getSession( false ).setAttribute( "token" , UUID.randomUUID().toString());
                 }
                 boolean needRemoveSession = annotation.remove();
                 if (needRemoveSession) {
                     if (isRepeatSubmit(request)) {
                         return false ;
                     }
                     request.getSession( false ).removeAttribute( "token" );
                 }
             }
             return true ;
         } else {
             return super .preHandle(request, response, handler);
         }
     }
 
     private boolean isRepeatSubmit(HttpServletRequest request) {
         String serverToken = (String) request.getSession( false ).getAttribute( "token" );
         if (serverToken == null ) {
             return true ;
         }
         String clinetToken = request.getParameter( "token" );
         if (clinetToken == null ) {
             return true ;
         }
         if (!serverToken.equals(clinetToken)) {
             return true ;
         }
         return false ;
     }
}

然后在Spring MVC的配置文件里加入:

<!-- 拦截器配置 -->
< mvc:interceptors >
     <!-- 配置Shiro拦截器,实现注册用户的注入 -->
     < mvc:interceptor >
         < mvc:mapping path = "/**" />
         < bean class = "com.storezhang.video.shiro.ShiroInterceptor" />
     </ mvc:interceptor >
     <!-- 配置Token拦截器,防止用户重复提交数据 -->
     < mvc:interceptor >
         < mvc:mapping path = "/**" />
         < bean class = "com.storezhang.web.spring.TokenInterceptor" />
     </ mvc:interceptor >
</ mvc:interceptors >

相关代码已经注释,相信你能看懂。
关于这个方法的用法是:在需要生成token的controller上增加@Token(save=true),而在需要检查重复提交的controller上添加@Token(remove=true)就可以了。
另外,你需要在view里在form里增加下面代码:

< input type = "hidden" name = "token" value = "${token}" />

已经完成了,去试试看你的数据还能重复提交了吧。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值