使用$ .each

Question

以下是我在每个循环中的多个ajax调用。

var getApiVendorslist = $.getJSON("url");
var sum = 0;

 getApiVendorslist.then(function(res) {
    console.log("Completed Fetching List of vendors");
    $.each(res.data, function(k, v) {
        var ajaxCall = $.getJSON(url);
        ajaxCall.then(function(result) {
            if (result.output=="success") {
                sum += result.balance;
            }
            console.log("Sum : " + sum)
        });
   });
}).then(function(){
    console.log("All Loops Completed");
});
console.log(sum);

当我在上面运行时，代码序列的控制台是

Completed Fetching List of vendors,
All Loops Completed,
Sum,
Sum,    
Sum....

但我需要

Completed Fetching List of vendors,
Sum,
Sum,
Sum....,
All Loops Completed

在上面的代码中应该做些什么修改才能达到预期的效果？ 我尝试使用$ .each（...）。promise（）。done（）但没有成功。 任何帮助将不胜感激。