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


Posted in Javascript onMay 09, 2011

今天用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();
Javascript 相关文章推荐
javascript 密码强弱度检测万能插件
Feb 25 Javascript
自己写了一个展开和收起的多更能型的js效果
Mar 05 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
JQuery对表格进行操作的常用技巧总结
Apr 23 Javascript
js实现两点之间画线的方法
May 12 Javascript
jQuery实现返回顶部效果的方法
May 29 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
原生JS实现Ajax跨域请求flask响应内容
Oct 24 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
Jan 07 Javascript
JQuery将文本转化成JSON对象需要注意的问题
May 09 #Javascript
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
May 07 #Javascript
基于JQUERY的两个ListBox子项互相调整的实现代码
May 07 #Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
May 07 #Javascript
基于jQuery的倒计时插件代码
May 07 #Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 #Javascript
jQuery 常见操作实现方式和常用函数方法总结
May 06 #Javascript
You might like
如何使用PHP获取指定日期所在月的开始日期与结束日期
2013/08/01 PHP
php广告加载类用法实例
2014/09/23 PHP
thinkphp中空模板与空模块的用法实例
2014/11/26 PHP
详解js异步文件加载器
2016/01/24 PHP
Symfony2学习笔记之系统路由详解
2016/03/17 PHP
Python中使用django form表单验证的方法
2017/01/16 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
2013/03/05 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
原生JS实现LOADING效果
2015/03/16 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
小程序中英文混合排序问题解决
2019/08/02 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
Python新手实现2048小游戏
2015/03/31 Python
Python获取系统默认字符编码的方法
2015/06/04 Python
python Selenium爬取内容并存储至MySQL数据库的实现代码
2017/03/16 Python
Python实现简单文本字符串处理的方法
2018/01/22 Python
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
django开发post接口简单案例,获取参数值的方法
2018/12/11 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
Python实现微信小程序支付功能
2019/07/25 Python
pytorch使用指定GPU训练的实例
2019/08/19 Python
对python中return与yield的区别详解
2020/03/12 Python
Python extract及contains方法代码实例
2020/09/11 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
金融管理专业毕业生求职信
2014/03/12 职场文书
初一学生评语大全
2014/04/24 职场文书