手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Chrome Form多次提交表单问题的解决方法
Chrome Form多次提交表单问题的解决方法
摘要:今天用chrome提交一个表单时,发现一个奇怪的问题:复制代码代码如下://提交表单document.frmOrder.action='ht...

今天用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多次提交表单问题的解决方法】相关文章:

jQuery判断指定id的对象是否存在的方法

表单的一些基本用法与技巧

Javascript实现飞动广告效果的方法

Javascript实现div层渐隐效果的方法

JS动画效果打开、关闭层的实现方法

Jquery动态添加输入框的方法

Eclipse编辑jsp、js文件时卡死现象的解决办法汇总

jQuery实现转动随机数抽奖效果的方法

JavaScript中指定函数名称的相关方法

js实现键盘Enter键提交表单的方法

精品推荐
分类导航