码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-12-29 23:07:17      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:layer   jquery   删除   ext   icon   time   tom   creat   lse   

 

没啥说的直接贴代码,很简单:
第一种方式:的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>

 

 

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

标签:layer   jquery   删除   ext   icon   time   tom   creat   lse   

原文地址:https://www.cnblogs.com/yuyong970919/p/10197762.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!