关于ajax提交表单,重复提交解决方法

    xiaoxiao2021-12-14  50

    今天做了一个扣除用户金额,解决重复提交问题,这里用了layer,您可以注释。

    /*提交表单*/  var lock = true; // 锁住表单    1.这里定义一把锁  function submit(){   if(!lock){    // 2.判断该锁是否打开,如果是关闭的,则直接返回    return false;   }   lock = false  //3.进来后,立马把锁锁住   var index = layer.load(1, {     shade: [0.1,'#fff'] //0.1透明度的白色背景   });   $.ajax({    url:'/invest/investOrder.shtml',    type:'post',    data:$("#investForm").serialize(),    success:function(data){     if(data == 'SUCCESS'){  // 4.业务逻辑执行成功回调      layer.msg("投标成功!正在跳转...",{shift:1},function(){       window.location.href = "/invest/loandetails.shtml?loanId="+$("#loanSignId").val();  // 5.这一步已经不需要管锁了,直接跳转到新页面了,看你的需求      });      }else{      layer.msg("投标失败!");       lock = true;// 4.1  业务逻辑执行失败了,打开锁     }     layer.close(index);         },    error:function(data){     layer.msg("网络出错,请稍后再试!");     layer.closeAll("loading");     lock = true;;// 4.2  业务逻辑执行失败了,打开锁    }   });    }

    以上就是一个简单的阻止重复提交,另外有禁用按钮,使用定时器的效果,也是可以实现的。具体就不做列子了。有兴趣的朋友可以去试试。

    转载请注明原文地址: https://ju.6miu.com/read-962847.html

    最新回复(0)