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游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
Javascript实现Web颜色值转换
Feb 05 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
vue数据控制视图源码解析
Mar 28 Javascript
详解如何在Vue项目中导出Excel
Apr 19 Javascript
Echarts地图添加引导线效果(labelLine)
Sep 30 Javascript
Vue混入mixins滚动触底的方法
Nov 22 Javascript
vue created钩子函数与mounted钩子函数的用法区别
Nov 05 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/06/20 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
jQuery多级弹出菜单插件ZoneMenu
2014/12/18 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
2015/11/05 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
原生JS取代一些JQuery方法的简单实现
2016/09/20 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
jQuery表单设置值的方法
2017/06/30 jQuery
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
JS返回顶部实例代码
2020/08/09 Javascript
js实现点击展开隐藏效果(实例代码)
2018/09/28 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
layer.alert回调函数执行关闭弹窗的实例
2019/09/11 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python 线程池用法简单示例
2019/10/02 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
html5 css3 动态气泡按钮实例演示
2012/12/02 HTML / CSS
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
机修工岗位职责
2013/11/24 职场文书
会计系中文个人求职信
2013/12/24 职场文书
社会实践心得体会
2014/01/03 职场文书
旅游文化节策划方案
2014/06/06 职场文书
党员自我剖析材料
2014/08/31 职场文书
校运会宣传稿大全
2015/07/23 职场文书
感恩主题班会教案
2015/08/12 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书