Web应用中避免Form重复提交的三种方案

Dear 丶 2022-08-25 01:47 132阅读 0赞

2007-08-21 18:29

<table style="TABLE-LAYOUT: fixed"> 
 <tbody> 
 <tr> 
 <td> 
 <div>
 Web应用中重复提交的问题的三种解决方案 
 
 前两种是利用javascript,后面一种是在使用Struts的情况下的参考实现 
 
 
 <ul> 
 <li>1 javascript ，设置一个变量，只允许提交一次。 
 <div> 
 <ol> 
 <li>&nbsp;</li> 
 <li>&lt;script language="javascript"&gt; </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp; var checkSubmitFlg = false; </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp; function checkSubmit() { </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (checkSubmitFlg == true) { </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false; </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; checkSubmitFlg = true; </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return true; </li> 
 <li>&nbsp;&nbsp;&nbsp; } </li> 
 <li>&nbsp;&nbsp;&nbsp; document.ondblclick = function docondblclick() { </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp; window.event.returnValue = false; </li> 
 <li>&nbsp;&nbsp;&nbsp; } </li> 
 <li>&nbsp;&nbsp;&nbsp; document.onclick = function doconclick() { </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (checkSubmitFlg) { </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.event.returnValue = false; </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } </li> 
 <li>&nbsp;&nbsp;&nbsp; } </li> 
 <li>&lt;/script&gt; </li> 
 </ol> 
 </div> &lt;html:form action="myAction.do" method="post" οnsubmit="return checkSubmit();"&gt; </li> 
 <li>2 还是javascript，将提交按钮或者image置为disable 
 <div> 
 <ol> 
 <li>&nbsp;</li> 
 <li>&nbsp;&nbsp; &lt;html:form action="myAction.do" method="post"&nbsp;&nbsp; </li> 
 <li>&nbsp;&nbsp;&nbsp;&nbsp; οnsubmit="getElById('submitInput').disabled = true; return true;"&gt;&nbsp;&nbsp;&nbsp; </li> 
 <li>&nbsp;&nbsp;&nbsp; </li> 
 <li>&nbsp;&nbsp; &lt;html:image styleId="submitInput" src="images/ok_b.gif" border="0" /&gt; </li> 
 <li>&nbsp;&nbsp;&nbsp; </li> 
 <li>&nbsp;&nbsp; &lt;/html:form&gt; </li> 
 <li>&nbsp;</li> 
 </ol> 
 </div> </li> 
 <li>3 利用struts的同步令牌机制 利用同步令牌（Token）机制来解决Web应用中重复提交的问题，Struts也给出了一个参考实现。 </li> 
 </ul> 
 </div> </td> 
 </tr> 
 </tbody> 
</table>

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

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

Struts根据用户会话ID和当前系统时间来生成一个唯一（对于每个会话）令牌的，具体实现可以参考 
TokenProcessor类中的generateToken()方法。 
 
1. //验证事务控制令牌,<html:form >会自动根据session中标识生成一个隐含input代表令牌，防止两次提交 
2. 在action中：

1. 
2. *//<input type="hidden" name="org.apache.struts.taglib.html.TOKEN"* 
3. *// value="6aa35341f25184fd996c4c918255c3ae">*
4. **if** (!isTokenValid(request))
5. errors.add(ActionErrors.GLOBAL\_ERROR,
6. **new** ActionError("error.transaction.token"));
7. resetToken(request); *//删除session中的令牌*

3. action有这样的一个方法生成令牌

1.  
2.  **protected** **[String][]** generateToken(HttpServletRequest request) \{
3.  
4.  HttpSession session = request.getSession();
5.  **try** \{
6.  **byte** id\[\] = session.getId().getBytes();
7.  **byte** now\[\] =
8.  **new** **[Long][]**(**[System][]**.currentTimeMillis()).toString().getBytes();
9.  MessageDigest md = MessageDigest.getInstance("MD5");
10. md.update(id);
11. md.update(now);
12. **return** (toHex(md.digest()));
13. \} **catch** (**[IllegalStateException][]** e) \{
14. **return** (**null**);
15. \} **catch** (NoSuchAlgorithmException e) \{
16. **return** (**null**);
17. \}
18. \}

[String]: http://www.javaresearch.org/source/jdk142/java/lang/String.java.html
[Long]: http://www.javaresearch.org/source/jdk142/java/lang/Long.java.html
[System]: http://www.javaresearch.org/source/jdk142/java/lang/System.java.html
[IllegalStateException]: http://www.javaresearch.org/source/jdk142/java/lang/IllegalStateException.java.html