同步AJAX ...我知道這聽起來很瘋狂

Question

我有一個web方法，通過AJAX在.NET 4.0 web應用程序中調用。在很多情況下，AJAX調用在for循環中重複進行。我的問題是，Web方法與我的服務器同步的信息有時間標記，因此必須按照我將它發送給AJAX的順序進行同步。不幸的是，它似乎首先完成，只是首先完成，時間戳全部無序。我需要基本排隊我的AJAX請求，以便他們順序執行而不是異步執行，我知道這是AJAX中的A，因此這可能是一個完全愚蠢的問題。

如何強制在for循環中完成AJAX調用的執行順序？

編輯：一些代碼

    for (var i = 0; i < itemCnt - 1; i++) { 

        try { 
         key = items[i]; 
         item = localStorage.getItem(key); 
         vals = item.split(","); 
         type = getType(key); 


         if (type == "Status") { 
          var Call = key.substring(7, 17); 
          var OldStat = vals[0]; 
          var NewStat = vals[1]; 
          var Date1 = vals[2]; 
          var Time1 = vals[3]; 
          var miles = vals[4]; 

          try { 
           stat(Call, OldStat, NewStat, Date1, Time1, miles, key); 

          } 
          catch (e) { 
           alert("Status " + e); 
           return; 
          } 

         } 
         else if (type == "Notes") { 
          var Call = key.substring(6, 16); 
          var Notes = item; 
          try { 
           addNotes(Call, Notes); 
          } 
          catch (e) { 
           alert("Notes " + e); 
           return; 
          } 
         } 
         else if (key == "StartNCTime" || key == "EndNCTime") { 
          var TechID = vals[0]; 
          var Date = vals[1]; 
          var Time = vals[2]; 
          var Activity = vals[3]; 
          var Location = vals[4]; 
          var Type = vals[5]; 

          try { 
           logTime(TechID, Date, Time, Activity, Location, Type, 
          } 
          catch (e) { 
           alert(key + ' ' + e); 
           return; 
          } 

         } 
        } 
        catch (e) { 
         alert(key + ' ' + e); 
         return; 
        } 
       } 

function stat(Call, OldStat, NewStat, Date1, Time1, miles, key) { 
$.ajax({ 
    type: "POST", 
    dataType: "json", 
    contentType: "application/json", 
    url: "Service.asmx/update_Stat", 
    data: '{ CallNumber:"' + Call + '", OldStat:"' + OldStat + '", NewStat:"' + NewStat + '", Date1:"' + Date1 + '", Time1:"' + Time1 + '", Miles: "' + miles + '"}', 
    success: function (data) { }, 
    error: function (xhr, status, error) { 
     var err = eval("(" + xhr.responseText + ")"); 
     alert("Sync Update Stat: " + err.Message); 
     location = location; 
    } 
}); 
} 

function logTime(TechID, Date, Time, Activity, Location, Type, key) { 
$.ajax({ 
    type: "POST", 
    dataType: "json", 
    contentType: "application/json", 
    url: "Service.asmx/nonCallTime", 
    data: '{ TechID:"' + TechID + '", Date1:"' + Date + '", Time1:"' + Time + '", Activity:"' + Activity + '", Location:"' + Location + '", Type: "' + Type + '"}', 
    success: function (data) { }, 
    error: function (xhr, status, error) { 
     var err = eval("(" + xhr.responseText + ")"); 
     alert("Sync Non Call Time: " + err.Message); 
     location = location; 
    } 
}); 
} 

function addNotes(Call, Notes) { 
$.ajax({ 
    type: "POST", 
    dataType: "json", 
    contentType: "application/json", 
    url: "Service.asmx/addNote", 
    data: '{ Call:"' + Call + '", Notes:"' + Notes + '"}', 
    success: function (data) { }, 
    error: function (xhr, status, error) { 
     var err = eval("(" + xhr.responseText + ")"); 
     alert("Sync Notes: " + err.Message); 
     location = location; 
    } 
}); 

}

Answer 1

你必須使用回調。

function ajax1(){ 
    //..some code 
    //on ajax success: 
    ajax2(); 
} 

//etcetera... 

或者我可能會建議使用javascript庫，例如jQuery來同步您的ajax請求。

Answer 2

將xmlhttp對象的open方法中的第三個參數設置爲false以使其同步。

http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp

Answer 3

製作系列會是這樣操作的一般模式：

function doAjax(data, cb) { 
    ... 
    // when ready call cb 
} 

(function (next) { 
    var xhr = doAjax(data, next); 
})(function (next) { 
    var xhr = doAjax(data, next); 
})(function (next) { 
    doAjax(data); 
}); 

這樣做在一個循環需要遞歸。

(function next() { 
    if (i < n) { 
    doAjax(data[i++], next); 
    } 
})();