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>

 

 

posted @ 2018-12-29 20:04  老余的博客  阅读(2308)  评论(0编辑  收藏  举报