JQuery异步提交表单在Firefox button onclick事件下可能导致重复提交
当我们处理button的onclick事件时,在onclick里面用jquery异步(async:true)提交表单,如果是在Firefox下可能会导致表单重复提交,在IE下没有这个问题,解决方案是:
<s:form id="form1" onsubmit="return false;">
究其原因:在button的onclick事件里面用AJAX异步提交表单的时候,并且异步提交表单前弹出alert或者蒙板询问用户是否要执行操作,对于用户来说他看到的貌似是提交操作被block住了,但是在FF后台是无法block住点击button的提交的(同步提交就不会有这个问题!),所以对于用户在FF下实际看到的是那个弹出框一闪而过,没有点击确认按钮前已经自动提交了。
所以上面给出的解决方案是:onsubmit="returnfalse;"可以屏蔽FF下button的自动提交。
或者用下面的解决方案:e.preventDefault();效果是一样的。
$(document).ready(function(){ $("#button1").click(function (e) { e.preventDefault(); ...... }); });
相关推荐
delmarks 2020-05-17
89463661 2019-12-27
VitaLemon 2020-10-17
北京老苏 2020-08-17
一像素 2020-08-16
yfisaboy 2020-07-28
preserve log:勾选,页面发生跳转,接口不丢失;;Disable cache:不使用缓存,勾选,拿服务器的缓存;不勾选,用本地缓存;;All那列,表示浏览器的请求类型,对应下面的列type;
baynkbtg 2020-07-05
dingqinghu 2020-06-16
deadgrape 2020-06-09
liujia 2020-06-02
牵手白首 2020-06-02
kikaylee 2020-05-31
MaureenChen 2020-05-25
王磊的程序员之路 2020-05-15
STPace 2020-05-07
singer 2020-05-07
e度空间 2020-04-30
furongwei 2020-04-25