js 加锁

前端页面做提交时,为了防止用户在数据处理过程中反复提交数据,造成数据处理的冗余,以及为了防止反复提交给服务器带来不必要的负担,做一个小的锁,防止以上情况的出现。
当然用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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2018年3月5日 星期一 晴 188篇 我现在越来越享受早起带来的欢乐。因为有人陪着我一起!我已经改掉了...
    我是快乐的老爸阅读 2,532评论 0 4
  • 今天白天上班的时候看了一下别人推送的纪梵希四宫格散粉的介绍 其实一直对纪梵希的彩妆都没有很特别的爱 早些时候是因为...
    Emrysyrm3阅读 3,619评论 1 1
  • 还是处于一种很迷茫的状态 想念国内的人 还好没有之前那么急躁 早上6点起床 希望在美国待的俩月能养成早起的习惯 能...
    迷你超阅读 1,328评论 0 0

友情链接更多精彩内容