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);			}		});

});

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}"
/>
       
     

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

转载地址：http://ggued.baihongyu.com/

你可能感兴趣的文章