javascript - jQuery 只弹出一次

Question

我有一个看起来很简单的问题，我尝试用谷歌搜索它。虽然我找到了一些解决方案，但没有一个完全适合我，这就是我发布这个问题的原因。我有一个由事件触发的 javascript 函数，它创建一个 AJAX 请求，返回一个结果，然后弹出。我的问题是，每次触发事件时，弹出窗口都会一次又一次地出现。我需要弹出窗口仅关闭一次，直到页面重新加载。我已经添加了代码的相关部分。请提供任何帮助，我们将不胜感激。

$.ajax({
        url : 'index.php?module=Leads&action=FindDuplicate',
        type : 'POST',
        data : {name, dob},
        dataType : 'json',
        success : function (result) {
            if(result != null){                    
                alert(result);                  
            } 
        }
    });

Answer 1

使用 bool 标志。

例如。

(function() {

  var flag = false;

  //Ajax Success Function
  function mySuccessFn() {

    if (flag) return;

    alert("Example");

    flag = true;

  }

  document.querySelector('button').addEventListener('click',
    mySuccessFn);

})();

<button>Example</button>