如何根据 ajax 调用中函数的结果使用 jQuery 取消单击事件？

Question

我的目标是捕获网站上的所有点击事件，检查用户是否仍处于登录状态，然后让他们根据确定其当前登录状态的 ajax 调用的结果继续或取消其请求的操作。

我这样做是因为用户经常打开窗口并进行多个选择，运行报告并打开内部选项卡...允许超时的默认行为会导致用户丢失他们的工作。

因此，步骤 1：（拦截所有点击事件）

 $(document).ready(function() {
     $(document).click(function(event) { fncCheckLogin(event); }); 
 });

步骤 2：（取消所有可点击对象的事件作为测试）

 function fncCheckLogin(objEvent) { objEvent.preventDefault(); }

步骤 3：（检查登录状态）

$.ajax({
 type:"POST",
 url: "myURL",
 data: "{}",
 contentType: "application/json; charset=utf-8",
 dataType:"json",
 complete: function(x){
   if(x){
     if (!isOpen) {
      DoSomeStuff
     }
   );
   isOpen = true;
   testMe(objEvent);
   }
   } else {
     if (isOpen) {
       isOpen = false;
     }
   }
 }
   });

步骤 4：（如果登录已过期，则阻止该操作）

function testMe(objEvent) { if (isOpen) { objEvent.preventDefault(); }}

“ isOpen”变量只是标识注销用户脚本是否已运行。我试图直接从 ajax 调用访问 PreventDefault，但我将其移动以进行测试。

我认为我的问题是时机...如果我在 if 语句之前的步骤 4 中放置警报，则 PreventDefault 命令会起作用，但否则不会。就好像事件在我的 ajax 调用之前完成，但我不确定这就是问题所在。

任何帮助将不胜感激...谢谢！

Answer 1

AJAX 代表异步Javascript 和 XML。默认情况下，AJAX 调用不会阻塞，它们在后台运行，而其余代码则继续运行。因此，您的事件在 AJAX 调用完成之前完成是正确的。

jQuery 的 ajax() 方法允许您指定 async: false 作为参数之一来更改此行为，这应该会得到您想要的结果。

Answer 2

我能看到这个工作的唯一方法是使用 async:false。

但是，请注意，使用 async:false 时，“ajax”调用将挂起浏览器，直到它返回。

Answer 3

使用 jquery 事件委托。以及async:false。但正如 kingjiv 建议的那样， async:false 有其缺点，请使用必要的 UI 范例（光标到沙漏或 ajax 加载灯箱等）

$("body").delegate("a", "click", function() { 

var loggedIn = false; //def treat as not Logged in

$.ajax({
         type:"POST",
         url: "myURL",
         data: "{}",
         async:false, 
         contentType: "application/json; charset=utf-8",
         dataType:"json",
         complete: function(x){
           if(x) loggedIn = true;
         }
     });

if(loggedIn){
    //Call DOSOMETHING here
}

//return local var ajaxRet so the event will only bubble when loggedIn == true
return loggedIn; });