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>

     

  • 相关阅读:
    零售数据框架
    API安全Checklist
    高级区块链工程师评定
    软件项目复杂性
    e-Commerce电商参考云架构
    面试中的学习能力判断
    SpringCloud微服务架构案例-共享服务中心
    Software Architecture and High Level Design软件架构与概要设计
    基于Istio的ServiceMesh
    a store with that domain name already exists怎么解决
  • 原文地址:https://www.cnblogs.com/yuyong970919/p/10197762.html
Copyright © 2011-2022 走看看