1. 程式人生 > >jQuery的$ .ajax防止重複提交的方法

jQuery的$ .ajax防止重複提交的方法

 

沒啥說的直接貼程式碼,很簡單:
第一種方式:的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>