Chrome Form多次提交表单问题的解决方法

196 阅读 0 评论 130 点赞

我是靠谱客的博主尊敬斑马，最近开发中收集的这篇文章主要介绍Chrome Form多次提交表单问题的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

今天用chrome提交一个表单时，发现一个奇怪的问题：

复制代码代码如下:

 
//提交表单 
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(); 