首页 → 网站编程 → JavaScript → 解决JS实现表单在Chrome Form多次提交表单的问题

解决JS实现表单在Chrome Form多次提交表单的问题

时间:2011-5-10 8:53:52 来源:www.cnblogs.com 作者:E猫

本文和大家分享一下如何解决Chrome Form多次提交表单的问题。

 //提交表单
   document.frmOrder.action = 'http://www.abc.com/d.aspx';
    document.frmOrder.method = 'POST';
    document.frmOrder.target = '_blank';
    document.frmOrder.submit();

第一次提交可以，第二次提交就没有任何响应了。需要重新加载页面后才可以提交，而这个问题在Firefox,IE下没有出现。

马上Google了一下发现这是webkit内核浏览器的共有特性，这样做是为了防止表单被重复提交。

解决方法也很简单，只需要为 submit 按钮添加 onclick 事件响应，给表单的 action 值添加一个无用的参数，改变表单的响应地址。

具体实现方法:

//提交表单 

   document.frmOrder.action = 'http://www.abc.com/d.aspx?r='+Math.random(); 

   document.frmOrder.method = 'POST'; 

   document.frmOrder.target = '_blank'; 

   document.frmOrder.submit();