解決layer.confirm快速點擊會重復觸發(fā)事件的問題
更新時間：2019年09月23日 10:45:56 作者：流離歲月
今天小編就為大家分享一篇解決layer.confirm快速點擊會重復觸發(fā)事件的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layer.confirm快速點擊會重復觸發(fā)事件問題
1 .問題描述： 快速點擊會出現(xiàn)，重復觸發(fā)事件，像后臺發(fā)起多次請求，此時后臺極端=短時間內(nèi)多次請求，會出現(xiàn)并發(fā)問題，數(shù)據(jù)臟讀
2.問題分析 ：查看layerUI的API發(fā)現(xiàn)，系統(tǒng)的confirm是線程阻塞的，而layer.confirm是非阻塞的
3.問題解決
方案1. 防止重復觸發(fā)事件，前臺js加鎖
方案2.后臺代碼加樂觀鎖
此時，方案1解決這個問題最佳
4.具體實現(xiàn)：
//出庫
output: function () {
console.log("出庫請求---");
var lock=false;//默認未鎖定
var myconfirm=layer.confirm('是否確認出庫?',{btn: ['確定','取消']},function(index){
console.log('success');
console.log(lock);
//
if(!lock){
lock=true;//鎖定
//發(fā)送
console.log("ajax---");
//發(fā)送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快速點擊會重復觸發(fā)事件的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家極力推薦10個短小實用的JavaScript代碼段，幫助大家節(jié)省大量開發(fā)時間，感興趣的小伙伴們可以參考一下2016-08-08
javascript下function聲明一些小結(jié)
function聲明一些東西,我們都知道function和var一樣是預處理的在js里面,但是到底什么是函數(shù)聲明呢,我們來看幾個例子2007-12-12
這篇文章主要介紹了javascript 發(fā)布-訂閱模式,結(jié)合實例形式詳細分析了javascript發(fā)布-訂閱模式基本功能、原理、實現(xiàn)方法與相關(guān)使用技巧,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)一鍵登錄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
在JS中繼承是一個非常復雜的話題，比其他任何面向?qū)ο笳Z言中的繼承都復雜得多。接下來通過本文給大家介紹JavaScript中的繼承之類繼承，感興趣的朋友一起看看吧2016-05-05
本文將涉及到scroll方法的應用，判斷當滾動條滾到底部時觸發(fā)scrollTop執(zhí)行函數(shù),具體代碼如下，感興趣的朋友可以了解下哈2013-06-06
下面小編就為大家分享一篇js實現(xiàn)一個簡單的MVVM框架示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細介紹了用JS常用幾個算法的實現(xiàn)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
計算機系統(tǒng)并不是通過文件的后綴名來判斷文件類型,而是通過文件簽名來判斷,下面這篇文章主要給大家介紹了關(guān)于JavaScript判斷文件類型三種方法的相關(guān)資料,需要的朋友可以參考下2024-04-04
JavaScript實現(xiàn)函數(shù)重載的代碼示例
在JavaScript中并沒有直接支持函數(shù)重載的機制,但是可以通過一些技巧來模擬函數(shù)重載的效果,比如使用參數(shù)判斷,使用默認參數(shù),對象參數(shù),這些方法都可以實現(xiàn)類似函數(shù)重載的效果,所以本文就給大家介紹一下JavaScript如何實現(xiàn)函數(shù)重載,需要的朋友可以參考下2023-08-08