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}"
/>
|
已经完成了,去试试看你的数据还能重复提交了吧。