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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2020-05-12 我要评论
今天用chrome提交一个表单时,发现一个奇怪的问题:
复制代码 代码如下:

//提交表单
document.frmOrder.action = 'http://www.abc.comhttps://img.qb5200.com/download-x/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.comhttps://img.qb5200.com/download-x/d.aspx?r='+Math.random();
document.frmOrder.method = 'POST';
document.frmOrder.target = '_blank';
document.frmOrder.submit();

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们