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 YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 Javascript
javascript ajax的5种状态介绍
Aug 18 Javascript
JavaScript通过代码调用Flash显示的方法
Feb 02 Javascript
js Canvas实现圆形时钟教程
Sep 19 Javascript
使用JavaScript获取URL中的参数(两种方法)
Nov 16 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
JavaScript中this的用法实例分析
Dec 19 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
关于layui时间回显问题的解决方法
Sep 24 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 Javascript
React实现todolist功能
Dec 28 Javascript
基于JavaScript实现随机点名器
Feb 25 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 时间计算问题小结
2009/01/04 PHP
php daddslashes()和 saddslashes()有哪些区别分析
2012/10/26 PHP
浅析PHP中Collection 类的设计
2013/06/21 PHP
yii的CURD操作实例详解
2014/12/04 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
php封装的单文件(图片)上传类完整实例
2016/10/18 PHP
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
JavaScript使用循环和分割来替换和删除元素实例
2014/10/13 Javascript
微信小程序 Page()函数详解
2016/10/17 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
2016/12/27 Javascript
简单谈谈原生js的math对象
2017/06/27 Javascript
基于vue实现分页效果
2017/11/06 Javascript
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
Vue slot用法(小结)
2018/10/22 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
vue+elementUI实现简单日历功能
2020/09/24 Javascript
[02:29]大剑、皮鞭、女装,这届DOTA2勇士令状里都有
2020/07/17 DOTA
python中print()函数的“,”与java中System.out.print()函数中的“+”功能详解
2017/11/24 Python
Python 模拟生成动态产生验证码图片的方法
2020/02/01 Python
python GUI库图形界面开发之PyQt5打印控件QPrinter详细使用方法与实例
2020/02/28 Python
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
香港交友网站:be2香港
2018/07/22 全球购物
药学专业毕业生求职信
2013/10/20 职场文书
新闻专业推荐信范文
2013/11/20 职场文书
学习心得体会
2014/01/01 职场文书
丧事主持词大全
2014/04/02 职场文书
董事长助理工作职责
2014/06/08 职场文书
端午节活动总结报告
2015/02/11 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
《全神贯注》教学反思
2016/02/22 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL