异步调用JavaScript服务

Question

在我的项目中，我使用Cloudmode服务在javascript中调用同一服务超过2-3次，以查找我的路线的距离和时间。

我有一条折线，我要获得折线的每个点并传递两个连续的点以得到响应。

我在做什么

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 Assis的建议会更好，因为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);
}