现在的位置: 首页 > 综合 > 正文

如何避免表单重复提交

2014年09月05日 ⁄ 综合 ⁄ 共 1588字 ⁄ 字号 评论关闭

1、第一个我个人觉得是最好的:Token。

Token的基本原理:服务器端在处理到达的请求之前,会将请求中包含的令牌值与保存在当前用户会话中的令牌值进行比较,看是否匹配。在处理完该请求后,且在答复发送给客户端之前,将会产生一个新的令牌,该令牌除传给客户端以外,也会将用户会话中保存的旧的令牌进行替换。这样如果用户回退到刚才的提交页面并再次提交的话,客户端传过来的令牌就和服务器端的令牌不一致,从而有效地防止了重复提交的发生。

部分代码:

  1. if (isTokenValid(request, true)) {  
  2.     // your code here  
  3.    return mapping.findForward("success");  
  4. else {  
  5.    saveToken(request);  
  6.    return mapping.findForward("submitagain");  
  7. }  


Struts根据用户会话ID和当前系统时间来生成一个唯一(对于每个会话)令牌的,具体实现可以参考TokenProcessor类中的generateToken()方法。

2、通过JavaScript去控制,设置一个变量,只允许提交一次。

[javascript] view
plain
copyprint?在CODE上查看代码片派生到我的代码片

  1. <script language="javascript">  
  2.    var checkSubmitFlg = false;  
  3.    function checkSubmit() {  
  4.    <span style="white-space:pre">   </span>if (checkSubmitFlg == true) {  
  5. <span style="white-space:pre">  </span>    return false;  
  6.    <span style="white-space:pre">   </span>}  
  7.    <span style="white-space:pre">   </span>checkSubmitFlg = true;  
  8.         return true;  
  9.     }  
  10.   
  11.    document.ondblclick = function docondblclick() {  
  12.        window.event.returnValue = false;  
  13.     }  
  14.   
  15.    document.onclick = function doconclick() {  
  16.        if (checkSubmitFlg) {  
  17.            window.event.returnValue = false;  
  18.        }  
  19.    }  
  20. </script>  


html代码:

  1. <html:form action="myAction.do" method="post" onsubmit="return checkSubmit();">  


3、还是通过JavaScript,将提交按钮或者image置为disable  

[javascript] view
plain
copyprint?在CODE上查看代码片派生到我的代码片

  1. <html:form action="myAction.do" method="post" onsubmit="getElById('submitInput').disabled = true; return true;">  
  2.     <html:image styleId="submitInput" src="images/ok_b.gif" border="0" />  
  3. </html:form>  

抱歉!评论已关闭.