ajax _beforeSend--防止重复数据

在实际项目开发中，提交表单时常常由于网络或者其原因，用户点击提交按钮误认为自己没有操作成功，进而会重复提交按钮操作次数，如果页面前端代码没有做一些相应的处理，通常会导致多条同样的数据插入数据库，导致脏数据的增加。要避免这种现象，在$.ajax请求中的beforeSend方法中把提交按钮禁用掉，等到Ajax请求执行完毕，在恢复按钮的可用状态。

1.ajax 代码

 $.ajax({

   url: '<%=WEBPATH%>/fund/applyWithdrow',

   type: "post",

   async: false,

   data: {

   "money" :money

   },

   beforeSend:function()

   { //触发ajax请求开始时执行

   $('#submit_font').text('申请提现中...');

   $('.btn3').attr('onclick','javascript:void();');//改变提交按钮上的文字并将按钮设置为不可点击

   }, 

   success: function(data){

    //申请成功

   if(data.res){

   alert(data.msg);

   location.assign(location);

   }else{

 //申请失败

   alert(data.msg);

   }

   }

   })

2. 按钮触发事件

<div class="blank_btn" style="margin-top:5% ">

    <a href="#"><div class="btn3" onclick="withdrow();" id="submit_font">提现</div></a>

</div>