在异步调用返回后设置计时器

Question

我有一个异步 Ajax 函数，它在服务器端运行命令字符串并将结果返回给客户端。它调用回调来处理结果。

function ajaxCall(commandStr,callback){
   var url=......//make a url with the command string
   jquery.get(url,function(result){
       //process the result using callback
       callback(result);
   });
}

异步调用 (ajaxCall) 可能需要一段时间才能完成，但我希望它在间隔 (1000 毫秒) 后执行相同的命令。

我想写一个这样的函数：

function ajaxCallRepeated(interval,commandStr,callback)

我试过这样的闭包：

function ajaxCallRepeated(interval,commandStr,callback){
    //This feature uses closures in Javascript. Please read this to know why and how: http://jibbering.com/faq/notes/closures/#clSto
    function callLater(param1,param2,param3){
        return (function(){
            ajaxCall(param2,function(out,err){
                if(param3)param3(out,err);
                var functRef = callLater(param1,param2,param3);
                setTimeout(functRef, interval);
            });
        });
    }
    //the first call
    var functRef = callLater(interval,commandStr,callback);
    setTimeout(functRef, interval);
}

那我这样称呼它：

ajaxCallRepeated(2000,"ls",function(result){
    alert(result);
});

但它只运行命令 2 次。 如何编写一个在作为异步函数的回调调用后重新调度自身的函数？

PS。我想在前一个 Ajax 调用完成后触发另一个 Ajax 调用。另外，值得一提的是，axashCallRepeated()会被各种参数调用，所以几个Ajax调用是并行运行的，但是对于每个commandStr，只有一个Ajax调用在进行，Ajax调用返回后，另一个Ajax调用会X 秒后触发。

Answer 1

我不会使用 setTimeout 来触发第二个 Ajax 调用！因为您永远不知道需要多长时间以及是否完成！
只要您正确标记了您的问题并且您正在使用 jquery，您应该考虑这样的事情：

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: function(){
    // The AJAX is successfully done, now you trigger your custom event:
    $(document).trigger('myAjaxHasCompleted');
  },
  dataType: dataType
});

$(function(){
    //somehwere in your document ready block
    $(document).on("myAjaxHasCompleted",function(){
        $.ajax({
            //execute the second one
        });
    });
});

因此，这将确保 ajax 发布已完成并成功，现在您可以执行第二个。我知道这不是你问题的确切答案，但你应该考虑使用这样的东西！我猜它会更安全:-)

Answer 2

解决这个问题的关键是保存对闭包本身的引用，并在调度下一次调用时使用它：

function ajaxCallRepeated(interval,commandStr,callback){
    //This feature uses closures in Javascript. Please read this to know why and how: http://jibbering.com/faq/notes/closures/#clSto
    function callLater(_interval,_commandString,_callback){
        var closure=(function(){
            ajaxCall(_commandString,function(out,err){
                if(_callback)_callback(out,err);
                setTimeout(closure,_interval);
            });
        });
        return closure;
    }
    //now make a closure for every call to this function
    var functRef = callLater(interval,commandString,callback);
    //the first call
    functRef();
}

Answer 3

如果你把事情分开一点，推理会变得更容易。

例如，重复逻辑根本不需要了解 AJAX 或回调：

function mkRepeater(interval, fn, fnScope, fnArgs) {
  var running;

  function repeat() {
    if (!running) return;
    fn.apply(fnScope, fnArgs);
    setTimeout(repeat, interval);
  }

  return {
   start: function() { running = true; repeat(); },
   stop: function() { running = false; }
  };
}

你可以这样使用它：

var r = mkRepeater(2000, ajaxFunction, this, ["getStuff", callbackFn]);
r.start();
...
r.stop();