禁用和啓用HTML標記，以防止多次點擊

Question

我有這樣的jQuery的結構：

$(document).on('click', '.view-details', function() { 
    $(this).prop("disabled", true); 
    // API call1 
    // API call2 
    // API call3 
    $(this).prop("disabled", false); 
} 

我已經這樣做了禁用和啓用，以防止用戶點擊多次，這是造成多種問題。

這個問題是API調用是異步的，我不想讓它們同步。

但讓他們異步將執行Line5之前，我不想要的API調用。在每個API上啓用成功和失敗也是一個很大的努力。

任何其他更好的建議，以確保行5完成後2,3,4？

Answer 1

您可以將AJAX調用返回的延遲對象放入一個數組中，然後apply可以將$.when設置爲在所有請求都完成後啓用按鈕。試試這個：

$(document).on('click', '.view-details', function() { 
    var $el = $(this).prop("disabled", true); 
    var requests = []; 
    requests.push(request1); 
    requests.push(request2); 
    requests.push(request3); 

    $.when.apply(requests).done(function() { 
     $el.prop("disabled", false); 
    }); 
}); 

Answer 2

你可以使用這樣的事情：

$.when(api1, api2, api3).done(function(){});