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

来源:爱站网时间:2019-11-04编辑:网友分享
在浏览器中点击“文本框”提交表单,这个操作是很方便的,但是在程序的实现的时候会出现很多问题,今天爱站技术频道小编带给大家Chrome Form多次提交表单问题的解决方法。

在浏览器中点击“文本框”提交表单,这个操作是很方便的,但是在程序的实现的时候会出现很多问题,今天爱站技术频道小编带给大家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();

以上这些是爱站技术频道小编介绍的Chrome Form多次提交表单问题的解决方法, 看完这些,相信这个问题大家已经了解了,更多的专业知识尽在js.aizhan.com。

上一篇:详解jQuery bind事件的操作方法

下一篇:JavaScript的with 语句的使用方法

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载