zoukankan      html  css  js  c++  java
  • 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>

     

  • 相关阅读:
    .NET版UEditor报请求后台配置项http错误,上传功能无法使用的错误解决
    [Asp.net mvc]Asp.net mvc 中使用LocalStorage
    Asp.net mvc Kendo UI Grid的使用(三)
    [Asp.net mvc]Asp.net mvc 使用Json传递数据
    Asp.net mvc Kendo UI Grid的使用(二)
    接口
    结构
    多态
    继承
    方法
  • 原文地址:https://www.cnblogs.com/yuyong970919/p/10197762.html
Copyright © 2011-2022 走看看