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

今天做了一个扣除用户金额，解决重复提交问题，这里用了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  业务逻辑执行失败了，打开锁
   }
  });
 
 }

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