js 加锁

js 加锁 防止重复提交

$(document).ready(function(){
    var lock =false;//锁作为全局变量
    $("#submit").on('click',function(){
        //如果用户提交了一次，lock被置为true，锁开启。后续在锁被关闭之前，用户都不能提交数据。
        if(lock)
        {
            //锁已经开启，在提交只会被阻断
            return  false;
        }else
        {
            //锁开启,锁关闭只能是数据被处理完毕或者刷新页面，文档重新加载
            lock = true;
        }
        $.ajax(url,data,function(response){
            if(response.tip=="success")
            {
                //锁关闭，数据处理结束且操作成功
                lock = false;
            }else
            {
                //锁任然开启，数据处理完毕但是操作不成功，提示用户操作不成功，刷新页面重试。
                lock = true;
                window.location.reload();//刷新页面
            }
        },'json');
    });
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27