js 加锁

作者: Vxiao801 | 来源:发表于2018-09-27 11:14 被阅读0次

    前端页面做提交时,为了防止用户在数据处理过程中反复提交数据,造成数据处理的冗余,以及为了防止反复提交给服务器带来不必要的负担,做一个小的锁,防止以上情况的出现。
    当然用js做和服务器端做都是一样的,原理一致!

    js代码:
    (document).ready(function(){ var lock =false;//锁作为全局变量("#submit").on('click',function(){
    //如果用户提交了一次,lock被置为true,锁开启。后续在锁被关闭之前,用户都不能提交数据。
    if(lock)
    {
    //锁已经开启,在提交只会被阻断
    return false;
    }else
    {
    //锁开启,锁关闭只能是数据被处理完毕或者刷新页面,文档重新加载
    lock = true;
    }
    $.post(url,data,function(response){
    if(response.tip=="success")
    {
    //锁关闭,数据处理结束且操作成功
    lock = false;
    }else
    {
    //锁任然开启,数据处理完毕但是操作不成功,提示用户操作不成功,刷新页面重试。
    lock = true;
    window.location.reload();//刷新页面
    }
    },'json');
    });
    });


    本文来自 SchopenhauerZhang 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/schopenhauerzhang/article/details/60476088?utm_source=copy

    相关文章

      网友评论

          本文标题:js 加锁

          本文链接:https://www.haomeiwen.com/subject/jsasoftx.html