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 相关文章推荐
Use Word to Search for Files
Jun 15 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 Javascript
Jquery实现图片放大镜效果的思路及代码(自写)
Oct 18 Javascript
JavaScript中九种常用排序算法
Sep 02 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
javascript+ajax实现产品页面加载信息
Jul 09 Javascript
用window.onerror捕获并上报Js错误的方法
Jan 27 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
vue.js实现条件渲染的实例代码
Jun 22 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
JS执行控制之节流模式实例分析
Dec 21 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绘图之生成饼状图的方法
2015/01/24 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
msn上的tab功能Firefox对childNodes处理的一个BUG
2008/01/21 Javascript
checkbox 多选框 联动实现代码
2008/10/22 Javascript
用JS实现一个TreeMenu效果分享
2011/08/28 Javascript
js加强的经典分页实例
2013/03/15 Javascript
基于JavaScript 声明全局变量的三种方式详解
2013/05/07 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
详解webpack-dev-server的简单使用
2018/04/02 Javascript
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
Vue多选列表组件深入详解
2021/03/02 Vue.js
[00:26]TI7不朽珍藏III——冥界亚龙不朽展示
2017/07/15 DOTA
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
Python实战之制作天气查询软件
2019/05/14 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
python numpy中cumsum的用法详解
2019/10/17 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
Python devel安装失败问题解决方案
2020/06/09 Python
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
高中生期末评语
2014/01/28 职场文书
秋季运动会活动方案
2014/02/05 职场文书
表彰大会主持词
2014/03/26 职场文书
校优秀毕业生主要事迹
2014/05/26 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
Pandas自定义选项option设置
2021/07/25 Python