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 相关文章推荐
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
js实现自定义路由
Feb 04 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
vue 不使用select实现下拉框功能(推荐)
May 17 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
浅谈Vue.js 中的 v-on 事件指令的使用
Nov 25 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
Aug 07 Javascript
Vue单文件组件开发实现过程详解
Jul 30 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
咖啡知识 咖啡养豆要养多久 排气又是什么
2021/03/06 新手入门
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
Linux下PHP连接Oracle数据库
2014/08/20 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
JavaScript全排列的六种算法 具体实现
2013/06/29 Javascript
node.js中的fs.symlink方法使用说明
2014/12/15 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
jQuery多个版本和其他js库冲突的解决方法
2016/08/11 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
Bootstrap模态对话框中显示动态内容的方法
2018/08/10 Javascript
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
python操作日期和时间的方法
2014/03/11 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
python中pika模块问题的深入探究
2018/10/13 Python
对Python中list的倒序索引和切片实例讲解
2018/11/15 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Python更换pip源方法过程解析
2020/05/19 Python
Python控制台实现交互式环境执行
2020/06/09 Python
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
PHP如何去执行一个SQL语句
2016/03/05 面试题
如何删除一个表里面的重复行
2013/07/13 面试题
酒店节能减排方案
2014/05/26 职场文书
党员干部廉洁自律承诺书
2015/04/28 职场文书
基于Redis过期事件实现订单超时取消
2021/05/08 Redis