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

Posted 2021-01-30 yuyong970919

 

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