jQuery:暂停或延迟函数

Question

所以情况是这样的：

我有一个递归的异步 AJAX 调用，它正在从服务器中提取数据。此递归调用仅在用户登录时发生一次。我还有另一个页面需要 AJAX 调用才能导航（基本上是一个延迟加载的树）。当第一个 AJAX 调用发生时，这些其他调用需要一段时间才能完成，并且由于第一个调用可能发出多达 2,000 个请求，因此此延迟有时可能相当长。

基本上，我想要实现的是，在进行另一个调用时"暂停"递归调用。伪代码：

function recursiveAjax(){    
    $.ajax( {
        async : true,
        url : 'someurl',
        dataType : 'json',
        beforeSend : function(xhr) {
            // do stuff
        },
        error : function(xhr, ajaxOptions, thrownError) {
            // handle errors
        },
        success : function(data) {
            //conditions
            recursiveAjax();
        }
    });
}
function navigationAjax(){    
    $.ajax( {
        async : true,
        url : 'someurl',
        dataType : 'json',
        beforeSend : function(xhr) {
            // pause recursiveAjax();
        },
        error : function(xhr, ajaxOptions, thrownError) {
            // handle errors
        },
        success : function(data) {
            //conditions
            // resume recursiveAjax();
        }
    });
}

Answer 1

最简单的方法：

window.recurse = true;
function recursiveAjax(){    
    $.ajax( {
        async : true,
        url : 'someurl',
        dataType : 'json',
        beforeSend : function(xhr) {
            // do stuff
        },
        error : function(xhr, ajaxOptions, thrownError) {
            // handle errors
        },
        success : function(data) {
            //conditions
            if(window.recurse){
               recursiveAjax();
            }
        }
    });
}
function navigationAjax(){    
    window.recurse=false;
    $.ajax( {
        async : true,
        url : 'someurl',
        dataType : 'json',
        beforeSend : function(xhr) {
            // pause recursiveAjax();
        },
        error : function(xhr, ajaxOptions, thrownError) {
            // handle errors
        },
        success : function(data) {
            //conditions
            window.recurse=true;
            recursiveAjax();
        }
    });
}

Answer 2

由于您可能不希望同时使用这两个请求，因此请让递归方法执行其中一个请求。在需要导航调用时设置一个标志，并让递归方法在下一次迭代时执行此操作：

var navigationCall = false;
function recursiveAjax(){
  if (navigationCall) {
    navigationCall = false;
    $.ajax( {
      async : true,
      url : 'someurl',
      dataType : 'json',
      error : function(xhr, ajaxOptions, thrownError) {
        // handle errors
      },
      success : function(data) {
        //conditions
        recursiveAjax();
      }
    });
  } else {
    $.ajax( {
      async : true,
      url : 'someurl',
      dataType : 'json',
      beforeSend : function(xhr) {
        // do stuff
      },
      error : function(xhr, ajaxOptions, thrownError) {
        // handle errors
      },
      success : function(data) {
        //conditions
        recursiveAjax();
      }
    });
  }
}
function navigationAjax(){
  navigationCall = true;
}

注意：您可能希望添加window.TimeOut调用来执行递归，以限制对服务器的请求流。调用服务器的频率超过人眼可以看到的变化是没有意义的。

Answer 3

JavaScript 是一种异步语言，因此你可以像其他评论一样，只使用回调来思考（见上文）。但是想想你的问题，大多数时候最好在网络上异步工作。你真的想要这个吗？