ajax请求发送前后要注意的事

ajax请求在某些时候要注意防止用户重复提交的问题

$. ajax({
     type: "get",
     url: "api/v1/verifyproductcode",
     data: {
     productcode: activationCode
     },
     beforeSend : function () {
     // 禁用按钮防止重复提交
     $( "#check"). attr({ disabled: "disabled" });
     },
     success : function( data){
     // ret.EasyDarwin.Body.State//1重启生效 0输入有效激活码
     var ret = JSON. parse( data);
     if( ret. EasyDarwin. Body. State== 1){
     $. gritter. add({
          text: "激活成功,重启生效!",
     class_name: "gritter-info"
     });
          $( "#check"). unbind( "click")
//激活成功后解绑点击事件
     } else{
     $. gritter. add( "输入有效激活码!");
     }
     },
     complete : function() {
     $( "#check"). removeAttr( "disabled")
//请求发送成功后将输入框禁止状态取消
     }
     })
例如上面,beforeSend:发送前将按钮设置成禁用状态防止重复提交,发送后,将按钮禁止状态取消

输入的激活码是永久的,这里激活码有效则把点击事件解绑,以后就不用输入了


版权声明:本文为qingzhizhenhun原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。