Javascript异步/等待ajax调用

Javascript async/await ajax call

本文关键字：ajax 调用 等待 异步 Javascript      更新时间：2023-09-26

我正在使用ajax和谷歌地图。我想用异步调用在地图上创建（并在之后刷新）标记。。这是我的代码：

function createMarker(){
    for (var i in selectedTrucks) {
    var urlReq = '/ajaxRequest/getSingleTruckPosition/' + selectedTrucks[i];
    console.log("Launching createMarker() request on: " + urlReq);
    $.ajax({
        url: urlReq,
    })
    .done(function(data) {
        var equipValue = jQuery.parseJSON(data);
        if(equipValue == null)
            console.log(selectedTrucks[i] + " has no position.");
        else{
            //console.log("Creating marker n° " + i + " on position: lat: " + equipValue.latitudine + " lng: " +  equipValue.longitudine);
            console.log("Creating marker n° " + i + " on position: lat: " + equipValue.LATITUDINE + " lng: " +  equipValue.LONGITUDINE);
            markers[i] = new google.maps.Marker({
                position: new google.maps.LatLng(equipValue.LATITUDINE,  equipValue.LONGITUDINE),
                map: map,
                //icon: iconBase + 'truck.png'
            });

            var infowindow = new google.maps.InfoWindow(); // popup marker 
            makeInfoWindowEvent(map, infowindow, "Marker: " + i, markers[i]);
            markers.push(markers[i]);
        }
    })
    .fail(function() {
        console.log("Ajax failed to fetch data on createmarker")
    })
}
}

基本上一切都可以，但是，当我启动makeInfoWindowEvent（）时，标记索引总是我的for循环的最后一个。我认为对于的ajax回调有问题。如何在ajax调用期间停止for循环？

有一些人在等着c#？我是JS 的新手

您的回调函数（在.done内部）仅在for循环完成后被调用，并且始终被调用，因为它是异步的。

由于您需要回调中的索引值，因此需要将ajax调用封装在立即执行的函数中，并将索引传递给它。类似于：

for (var i=0;i<length;i++){
  (function(i){
    //make all your async calls using `i`
   })(i);
}
相关文章：