JQueryを使用して、進行する前にAJAX呼び出しとそのコールバックが終了するのを待つ方法はありますか？

Question

私の問題はthis oneに似ていますが、私はこれらの回答で解決できませんでした。

要するに、ページロード時に、ajaxコールはドロップダウン選択要素を生成し、そのデフォルト値はいくつかのパラメータに応じて設定されます。

getList('country', null, q, 'category:customer', null); 
newReportSelection.apply($("#report")); 

function getList(field, val, q, fq, default_value) { 
    $.get(... { 
     // call info 
    }, function(result) { 
     // appending the dropdown to DOM 
    }); 
}; 

newReportSelection = function() { 
    // determine and select default option 
} 

私はAjaxのコールバック関数にこの（ページのロードに固有の）newReportSelection（）のコードを追加することはできませんのでGETLISTは、さまざまな場所で使用されています
コードは次のようなものになります。
getList（）呼び出しの約束をすることは、非同期であるため、Ajax呼び出しを待つことはありません。
Ajaxコールの周りにそれを置くことは、それが送信されるのを待ちますが、コールバック関数は実行されません。
Ajaxの部分は待機しているが、非同期性のためにgetList（）が続行されているため、コールバック関数の周りに置くことはどちらもうまくいきません。

Ajax呼び出しで連鎖が約束され、コールバック関数が機能したとしても、それは非常に厄介な回避策であり望ましくないように見えます。
AJAX呼び出しを手動でasync: falseに設定せずに、getList（）全体が完了するまでnewReportSelection（）呼び出しを待機させる方法はありますか？

ありがとうございます。

Answer 1

リターンからの抽出物：

getList('country', null, q, 'category:customer', null).done(function() { 
    newReportSelection.apply($("#report")); 
}); 

Answer 2

var d1 = $.Deferred(); 
var d2 = $.Deferred(); 
var d3 = $.Deferred(); 

$.when(d1, d2, d3).done(function (v1, v2, v3) { 
    console.log(v1); // v1 is undefined 
    console.log(v2); // v2 is "abc" 
    console.log(v3); // v3 is an array [ 1, 2, 3, 4, 5 ] 
}); 

d1.resolve(); 
d2.resolve("abc"); 
d3.resolve(1, 2, 3, 4, 5); 

$に.get

function getList(field, val, q, fq, default_value) { 
    return $.get(... { 
    // call info 
    }, function(result) { 
    // appending the dropdown to DOM 
    }); 
};  

から延期/約束は、あなたが約束.done()方法であなたのフォローを呼び出すことができますhttps://api.jquery.com/jquery.when/