表单重复提交Double Submits

可能发生的场景: 
javascript

  • *屡次点击提交按钮html

  • *刷新页面java

  • *点击浏览器回退按钮ajax

  • *直接访问收藏夹中的地址spring

  • *重复发送HTTP请求(Ajax)apache


(1)点击按钮后disable该按钮一下子,这样能避免急躁的用户频繁点击按钮。 
这种方法确实有些粗暴,友好一点的能够把按钮的文字变一下作个提示,好比Bootstrap的作法:http://getbootstrap.com/javascript/#buttons 

(2)不disable按钮,经过全局变量来控制屡次点击(只有页面从新加载后能够再次点击)。 
bootstrap

Js代码  收藏代码浏览器

  1. var isProcessing = false;  session

  2. function doSignup() {  url

  3.   if(isProcessing) {  

  4.     alert('The request is being submitted, please wait a moment...');  

  5.     return;  

  6.   }  

  7.   isProcessing = true;  

  8.   

  9.   // do something......  

  10. }  


须要注意的是若是是AJAX请求的话必定要在请求回来后重置这个值: 

Js代码  收藏代码

  1. $.ajax({  

  2.   url : "",  

  3.   complete :function() {  

  4.     isProcessing = false;  

  5.   },  

  6.   success :function(data) {  

  7.     //...  

  8.   }  

  9. });  



(3)Post-Redirect-Get (PRG) 
提交后发送一个redirect 请求,这样能避免用户按F5刷新页面,或浏览器的回退按钮 
参考:http://en.wikipedia.org/wiki/Post/Redirect/Get 

(4)Synchronizer Token Pattern 
为每次请求生成一个惟一的Token,把它放入session和form的hidden。 
处理前先校验token是否一致,不一致屏蔽请求,一致时当即清除后继续处理。 
好比: 

  • Struts 1.x在Action类中能够经过saveToken(request)和isTokenValid(request)方法来实现。

  • Struts 2.x提供了org.apache.struts2.interceptor.TokenInterceptor来实现Token校验。

这种方法也适用于跨站请求伪造Cross-Site Request Forgery (CSRF)。 

参考: 
http://www.zhihu.com/question/19805411 
http://technoesis.net/prevent-double-form-submission/ 
http://stackoverflow.com/questions/2324931/duplicate-form-submission-in-spring 
http://docs.spring.io/spring-security/site/docs/current/reference/html/csrf.html

相关文章
相关标签/搜索