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 相关文章推荐
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
日常收藏的jquery技巧
Dec 02 Javascript
基于jQuery的Web上传插件Uploadify使用示例
May 19 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
Jul 07 Javascript
JavaScript之RegExp_动力节点Java学院整理
Jun 29 Javascript
使用JavaScript实现表格编辑器(实例讲解)
Aug 02 Javascript
浅谈JS函数节流防抖
Oct 18 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
Aug 09 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 jQuery
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 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中设置index.php文件为只读的方法
2013/02/06 PHP
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
php之curl实现http与https请求的方法
2014/10/21 PHP
php字符串截取函数用法分析
2014/11/25 PHP
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
php简单随机字符串生成方法示例
2017/04/19 PHP
js 单引号 传递方法
2009/06/22 Javascript
jQuery DOM操作小结与实例
2010/01/07 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
jquery图片切换实例分析
2015/04/15 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
vue.js中父组件调用子组件的内部方法示例
2017/10/22 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
Angularjs中的$apply及优化使用详解
2018/07/02 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
Python实现从订阅源下载图片的方法
2015/03/11 Python
python 编写简单网页服务器的实例
2018/06/01 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
python序列类型种类详解
2020/02/26 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
python使用scapy模块实现ARP扫描的过程
2021/01/21 Python
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
澳大利亚手袋、珠宝和在线时尚精品店:The Way
2019/12/21 全球购物
全国法制宣传日活动总结
2015/05/05 职场文书
蜗居观后感
2015/06/11 职场文书
公司开业致辞
2015/07/29 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript