欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【Chrome Form多次提交表单问题的解决方法】,下面是详细的讲解!
Chrome Form多次提交表单问题的解决方法
今天用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();
关于Chrome Form多次提交表单问题的解决方法的用户互动如下:
相关问题:处理页面多个form表单提交问题
答:多个也只是后台的话也是JS时面可以这样写处理页 用两个form的事件但ID不同。ajax就可以这样 $(document).ready( function() { $("#form").submit ( function() { login(); return false; } ); $("#form2").submit ( function() { login2(); retu... >>详细
相关问题:form表单提交的过程中前台卡顿。很慢页面才跳转,...
答:onclick="this.disabled=true;this.value='正在保存当中....'; 这里写你的提交方法;" >>详细
相关问题:在用php做小页面,有个表单.每次刷新页面时老是提示...
答:提交到另一个页面即可,不要在提交页面刷新即可 >>详细
- 【Array】js中更短的 Array 类型转换-类型转换
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【addClass】javascript自定义的addClass()方法
- 【Ajax】jQuery 学习第六课 实现一个Ajax的TreeVi
- 【cookie】不要在cookie中使用特殊字符的原因分析
- 【extjs】extjs每个组件要设置唯一的ID否则会出错
- 【focus】JavaScript使用focus()设置焦点失败的解
- 【bootstrap3】基于bootstrap3和jquery的分页插件
- 【fn】开发插件的两个方法jquery.fn.extend与jque
- 【datagrid】jQuery easyui datagrid动态查询数据
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
