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

2019-11-04 09:32:12来源：爱站网阅读 ()

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

原文链接:https://js.aizhan.com/develop/JavaScript/9910.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有