jquery - 具有多个ajax调用的同一对象上的jquery blockui？

Question

我有 2 个 ajax 调用，可能需要不同的时间才能完成。我称它们为“平行”，即。在代码中触发两个 ajax 请求。

我如何使用 blockUI 在两个调用的开始和完成时出现。我不希望在我试图阻止的同一件事上使用两个面具（这是我现在正在做的黑客行为）。不喜欢使用全局状态等，因为可能会遇到锁定问题？

谢谢，

Answer 1

使用一些变量来存储块状态

  var isBlocked = false;
  //First ajax call.
  $.ajax({type: "POST",
          url: "/some/url1",
          data: {"param1":value1},
          beforeSend: function() {
            if(!isBlocked) {
              $('#my_div').block({message: null});
              isBlocked = true;
            }
          },
          success: function(data) {
            // code
          },
          error: function(request, textStatus, errorThrown) {
            // code
          },
          complete: function(request, textStatus){
            if(isBlocked){
              $('#my_div').unblock();
              isBlocked = false;
            }
          }
  });

  //Second ajax call.
  $.ajax({type: "POST",
          url: "/some/url2",
          data: {"param1":value1},
          beforeSend: function() {
            if(!isBlocked) {
              $('#my_div').block({message: null});
              isBlocked = true;
            }
          },
          success: function(data) {
            // code
          },
          error: function(request, textStatus, errorThrown) {
            // code
          },
          complete: function(request, textStatus){
            if(isBlocked){
              $('#my_div').unblock();
              isBlocked = false;
            }
          }
  });