javascript - 禁用和启用 html 标签以防止多次点击

Question

我有这个 jQuery 结构:

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

我已完成此禁用和启用操作，以防止用户多次单击导致多个问题。

问题是 API 调用是异步的，我不想让它们成为同步的。

但是让它们异步会在我不想要的 API 调用之前执行 Line5。在每个 API 成功和错误时启用它也是一项艰巨的工作。

还有其他更好的建议来确保第 5 行在第 2、3、4 行完成后执行吗？

Answer 1

你可以这样使用:

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