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 相关文章推荐
DOM下的节点属性和操作小结
May 14 Javascript
window.js 主要包含了页面的一些操作
Dec 23 Javascript
深入理解jQuery中live与bind方法的区别
Dec 18 Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 Javascript
javascript无刷新评论实现方法
May 13 Javascript
jQuery中inArray方法注意事项分析
Jan 25 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
解决vue 更改计算属性后select选中值不更改的问题
Mar 02 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
JavaScript实现百度搜索框效果
Mar 26 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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
PHP连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
使用URL传输SESSION信息
2015/07/14 PHP
基于jquery创建的一个图片、视频缓冲的效果样式插件
2012/08/28 Javascript
js调试工具console.log()方法查看js代码的执行情况
2014/08/08 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
AngulaJS路由 ui-router 传参实例
2017/04/28 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
AngularJS与后端php的数据交互方法
2018/08/13 Javascript
写gulp遇到的ES6问题详解
2018/12/03 Javascript
jQuery zTree插件快速实现目录树
2019/08/16 jQuery
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
Python中的列表知识点汇总
2015/04/14 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
Python比较2个时间大小的实现方法
2018/04/10 Python
Anaconda2 5.2.0安装使用图文教程
2018/09/19 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
Born鞋子官网:Born Shoes
2017/04/06 全球购物
猫途鹰:全球领先的旅游点评社区
2017/04/07 全球购物
下面代码从性能上考虑,有什么问题
2015/04/03 面试题
结构工程研究生求职信
2013/10/13 职场文书
商业融资计划书
2014/04/29 职场文书
激励口号大全
2014/06/17 职场文书
四年级语文教学反思
2016/03/03 职场文书
理解深度学习之深度学习简介
2021/04/14 Python
Java十分钟精通进阶适配器模式
2022/04/06 Java/Android
详解Python中*args和**kwargs的使用
2022/04/07 Python