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 相关文章推荐
jQuery 使用手册(四)
Sep 23 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
javascript判断chrome浏览器的方法
Mar 26 Javascript
jQuery Validate验证框架经典大全
Sep 23 Javascript
javascript中new关键字详解
Dec 14 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
Mar 11 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
JS实现利用两个队列表示一个栈的方法
Dec 13 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
vue指令做滚动加载和监听等
May 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
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
用jQuery模拟页面加载进度条的实现代码
2011/12/19 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
2012/12/11 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
2016/09/14 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
2017/05/09 Javascript
对angularJs中$sce服务安全显示html文本的实例
2018/09/30 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
JavaScript实现Tab选项卡切换
2020/02/13 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
JS实现炫酷雪花飘落效果
2020/08/19 Javascript
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
Python递归函数实例讲解
2019/02/27 Python
python re模块匹配贪婪和非贪婪模式详解
2020/02/11 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
牦牛毛户外探险服装:Kora
2019/02/08 全球购物
super()与this()的区别
2016/01/17 面试题
乡镇干部十八大感言
2014/02/17 职场文书
岗位廉政承诺书
2014/03/27 职场文书
镇创先争优活动总结
2014/08/28 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
2014年高数考试作弊检讨书
2014/12/14 职场文书
自荐信怎么写
2015/03/04 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis
python中__slots__节约内存的具体做法
2021/07/04 Python
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python