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 错误处理的几种方法
Jun 13 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
js运动框架_包括图片的淡入淡出效果
May 11 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
Dec 07 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
vue项目中用cdn优化的方法
Jan 03 Javascript
angular 数据绑定之[]和{{}}的区别
Sep 25 Javascript
微信小程序实现页面浮动导航
Jan 28 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 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设计模式 Factory(工厂模式)
2011/06/26 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
PHP中Notice错误常见解决方法
2017/04/28 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
传智播客学习之java 反射
2009/11/22 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
2011/04/02 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
2014/01/27 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
wap手机端解决返回上一页的js实例
2016/12/08 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
2017/05/05 jQuery
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
[01:12]DOTA2次级职业联赛 - Newbee.Y 战队宣传片
2014/12/01 DOTA
python实现socket端口重定向示例
2014/02/10 Python
Python with语句和过程抽取思想
2019/12/23 Python
Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
2020/01/25 Python
python3实现简单飞机大战
2020/11/29 Python
详解Python 中的 defaultdict 数据类型
2021/02/22 Python
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
Made in Design意大利:现代家具、名家灯具和装饰
2020/10/27 全球购物
物业管理应届生求职信
2013/10/28 职场文书
怎么写有吸引力的自荐信
2013/11/17 职场文书
企业演讲稿范文
2013/12/28 职场文书
大学生标准自荐书
2014/06/15 职场文书
党员个人公开承诺书
2014/08/29 职场文书
2015年酒店工作总结
2015/04/28 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
初中数学教学反思范文
2016/02/17 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers