Функция вызова Javascript, когда заканчивается другая асинхронная функция

Question

У меня есть функция, которая реализует несколько httprequest. Мне нужно обновить родительское окно и закрыть текущее окно, когда все эти запросы будут выполнены. Но теперь текущее окно закрывается перед выполнением запросов, и запрос не заканчивается правильно. Вот мой код:

<script> 
     function save() 
     { 

      $.when(insert()).done(function() { 
       opener.location.reload(); 
       window.close(); 
      }); 

     } 

     function insert() 
     { 
      $('select').each(function() { 
       var idTraslado = $(this).attr("id"); 
       var accion = $(this).val(); 

       //the page realizes mysql updates. 
       xmlhttp = new XMLHttpRequest(); 
       xmlhttp.open("GET","trasladosEliminarMultipleGuardar.php?idTraslado="+idTraslado+"&accion="+accion+"&motivo="+motivo,true); 
       xmlhttp.send(); 
      }); 
     } 
    </script> 

Answer 1

Вы должны использовать обещания иначе when не бесполезен в вашем коде:

function save() 
{ 
    $.when(insert()).done(function() { 
     opener.location.reload(); 
     window.close(); 
    }); 
} 

function insert() 
{ 
    var promises = []; 
    $('select').each(function() { 
     var deferred = $.Deferred(); 
     var idTraslado = $(this).attr("id"); 
     var accion = $(this).val(); 

     //the page realizes mysql updates. 
     xmlhttp = new XMLHttpRequest(); 
     xmlhttp.onload = function (response) { 
      deferred.resolve(response); 
     }; 
     xmlhttp.open("GET", "trasladosEliminarMultipleGuardar.php?idTraslado=" + idTraslado + "&accion=" + accion + "&motivo=" + motivo, true); 
     xmlhttp.send(); 
     promises.push(deferred.promise()); 
    }); 
    return promises; 
}