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创建动态Dom
Dec 08 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
Jul 22 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
Mar 14 Javascript
ionic2懒加载配置详解
Sep 01 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
Apr 01 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
vue下使用nginx刷新页面404的问题解决
Aug 02 Javascript
layui form表单提交之后重新加载数据表格的方法
Sep 11 Javascript
vue v-on:click传递动态参数的步骤
Sep 11 Javascript
JavaScript实现简单拖拽效果
Sep 15 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
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
一个PHP二维数组排序的函数分享
2014/01/17 PHP
php set_include_path函数设置 include_path 配置选项
2016/10/30 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
php设计模式之装饰模式应用案例详解
2019/06/17 PHP
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
Popup弹出框添加数据实现方法
2017/10/27 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
JS实现关键词高亮显示正则匹配
2018/06/22 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
vue.js父子组件通信动态绑定的实例
2018/09/28 Javascript
vueScroll实现移动端下拉刷新、上拉加载
2019/03/22 Javascript
[08:53]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS 选手采访
2021/03/11 DOTA
Python脚本实现下载合并SAE日志
2015/02/10 Python
python构建深度神经网络(DNN)
2018/03/10 Python
python监控文件并且发送告警邮件
2018/06/21 Python
python MNIST手写识别数据调用API的方法
2018/08/08 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
Python3搭建http服务器的实现代码
2020/02/11 Python
Python如何使用OS模块调用cmd
2020/02/27 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
优秀学生评语大全
2014/04/25 职场文书
十佳家长事迹材料
2014/08/26 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
运动会新闻报道稿
2015/07/22 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL