複数のAjaxタスクをシーケンシャルに実行するには？処理1 > 処理2 > 処理3のように複数のAjaxを直列実行しなければいけなくなったとき、以下のようにコールバックがネストしていってガチガチのコーディングになってしまう。このネスト構造、API1とAPI3の順番を入れ替える修正とかイヤになりますね。 今回はこういう処理をキレイに可読性高く記述しようという話。 $.getJSON('path to API1', function() { $.getJSON('path to API2', function() { $.getJSON('path to API3', function() { // つづく ... }); }); }); jQuery.Deferredを使おうこれらを解決するためにjQuery.Deferredを使用します。 jQueryのAjaxはPromiseオブジェクトを返してくれるので下のようにタスクを定義します。 v
