layer.confirm快速點擊會重復觸發事件問題
1 .問題描述： 快速點擊會出現，重復觸發事件，像后臺發起多次請求，此時后臺極端=短時間內多次請求，會出現并發問題，數據臟讀
2.問題分析 ：查看layerUI的API發現，系統的confirm是線程阻塞的，而layer.confirm是非阻塞的
3.問題解決
方案1. 防止重復觸發事件，前臺js加鎖
方案2.后臺代碼加樂觀鎖
此時，方案1解決這個問題最佳
4.具體實現：
//出庫
output: function () {
console.log("出庫請求---");
var lock=false;//默認未鎖定
var myconfirm=layer.confirm('是否確認出庫?',{btn: ['確定','取消']},function(index){
console.log('success');
console.log(lock);
//
if(!lock){
lock=true;//鎖定
//發送
console.log("ajax---");
//發送ajax
$.ajax({
url: '/dubbo/../outBoundByTask.json',
isAysn: false,
type: 'get',
contentType: 'application/json',
data:params.join('&'),
success: function (result) {
var res=$.parseJSON(result);
var code=res.code;
if(code==0){
layer.msg("操作成功！");
window.location.reload();
}else{
layer.msg(res.msg);
}
}
});
}
layer.close(myconfirm);
}
,function(index){
console.log('fail');
});
}
以上這篇解決layer.confirm快速點擊會重復觸發事件的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
