点击事件发送到服务器的多个Ajax请求

Question

我有一个用户界面，当有人单击按钮时，系统会打开带有一些消息和是或否按钮的引导程序模型，如果单击“否”按钮，引导程序便会关闭，而当单击“是”按钮时，就会发出ajax请求发送到服务器。

问题是如果我单击按钮三次，然后关闭模态，即在对话框中全部单击三遍“否”，则按预期没有发送ajax请求，但是当我第四次单击按钮时，在模态上单击“是”，然后总共将4个请求同时发送到服务器，即，它以某种方式记住了最后3个单击事件。我该如何精简呢？

这是代码。

$('.js--acc-display').on('click','.js--verify', function () {
    var mode = $(this).data('mode');
    $conformDialogue.find('.modal-body').text('Custom Message');
    $conformDialogue.modal('show').on('click', '#js--conform-ok', function(e) {                
       $conformDialogue.modal('hide')
             //// Ajax Request Code Here /////
    });
});

Answer 1

这是一个常见的陷阱，简单的解决方案可能只是在请求时隐藏按钮。或者，您可以使用“禁用”属性，该属性适用于大多数浏览器