異步調用後設置計時器返回

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調用。另外，值得一提的是，axashCallRepeated（）會被各種參數調用，所以幾個Ajax調用並行運行，但是對於每個commandStr，只有一個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();