異步調用的JavaScript

Question

以服務於我的項目，我呼籲相同的服務，爲超過2-3次，發現距離&時間使用cloudmode服務我在javascript路線。我有一個折線

，我得到的折線&經過連續的二點，以服務從它那裏得到響應的每一個點。

我在做什麼是

function showPointsRoutes(e) 
     { 
      var a = e.target.getLatLngs(); 
      for(var i = 1 ; i < a.length ; i++) 
      { 
      var as ="http://routes.cloudmade.com/BC9A493B41014CAABB98F0471D759707/api/0.3/" + a[i-1].lat+","+a[i-1].lng+","+a[i].lat+","+a[i].lng + "/car/shortest.js?callback=getRouteResponse"; 
      addScript(as); 
      } 
     } 


    function getRouteResponse(response) 
     { 
     mytimeArray.push[response.route_summary.total_time]; 
     myDistancArray.push[response.route_summary.total_distance]; 
     } 

    function addScript(url) 
     { 
      var script = document.createElement('script'); 
      script.type="text/javascript"; 
      script.src=url; 
      document.getElementsByTagName('head') [0].appendChild(script); 
     } 

但有時會發生什麼是響應對於一些要求來得晚。由於這個我沒有得到適當的時間點之間的距離。 任何人都可以提出某種方式，以便我可以獲取數組中的值作爲發出請求的順序。

Answer 1

他們給你不同的回調名稱的原因是讓你可以通過使用不同的回調每一個區分請求。嘗試是這樣的：

注：@Rodrigo阿西斯的建議是在這種情況下更好，因爲API支持這一點。下面的代碼演示了在API強制使用多個請求時處理此問題的一種方法。

function showPointsRoutes(e) 
{ 
    var a = e.target.getLatLngs(); 
    for(var i = 1 ; i < a.length ; i++) 
    requestRoute(i, a[i-1], a[i]); 
} 

function requestRoute(i, a, b) 
{ 
    window["getRouteResponse" + i] = function(response) 
    { 
    mytimeArray[i] = response.route_summary.total_time; 
    myDistancArray[i] = response.route_summary.total_distance; 
    }; 

    var as ="http://routes.cloudmade.com/BC9A493B41014CAABB98F0471D759707/api/0.3/" + a.lat+","+a.lng+","+b.lat+","+b.lng + "/car/shortest.js?callback=getRouteResponse" + i; 
    addScript(as); 
} 

function addScript(url) 
{ 
    var script = document.createElement('script'); 
    script.type="text/javascript"; 
    script.src=url; 
    document.getElementsByTagName('head') [0].appendChild(script); 
}