jQuery的$ .ajax防止重複提交的方法
阿新 • • 發佈:2018-12-29
沒啥說的直接貼程式碼,很簡單: 第一種方式:的onclick點選事件型別 <SCRIPT> function member_del(obj,id){ var lock = false; //預設未鎖定 layer.confirm('確認要刪除嗎?',function(index){ if(!lock){//防止重複提交 lock = true; //鎖定 $ .ajax({url:“/ CustomerEnquiry / Delete”, data:{Id:id},type:“post”,dataType:“json”,success:function(result){var message = result; if(message.status ==“success”){ $(OBJ)。家長( “TR”)刪除(); layer.msg('刪除成功!',{icon:1,時間:1000}); } else { layer.msg('刪除失敗!',{icon:2,時間:1000 }); } } }); } }); }</ SCRIPT> ------------------------------------------------ 第二種方式:非同步提交型別 <SCRIPT> $就({ url:“/ CustomerEnquiry / CreateTask”, data:{WebId:Webids.substring(0,Webids.length - 1),Ids:hiddid,starttime:starttime,endtime:endtime}, 型別:“post”, dataType:“json”, beforeSend:function(){ layer.msg('正在建立定時任務...',{icon:16,shade:[0.5,'#f5f5f5'],滾動條:false,偏移量:'0px',時間:100000}) $(“#CreateTask”)。attr({disabled:“disabled”}); //這裡禁用按鈕防止重複提交 }, 成功:功能(結果){ var message = result; if(message.status ==“success”){ layer.alert(message.msg,{ 圖示:1, 面板:'layer-ext-moon' },function(index){ layer_close(); }); } else { layer.alert(message.msg,{ 圖示:2, 面板:'layer-ext-moon' }); } } }); </ SCRIPT>