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