ajaxで並列処理をするときのやり方

いろいろ見てて理解するまでに時間がかかったので、自分の理解を深めるためにも書いてみました。
ちょっとDjangoのテンプレート言語も交じっています。

基本的な構文は下の通り

var requests = [
  "{% url 'hoge' %}",
  "{% url 'fuga' %}"
];

var jqXHRList = [];

for (var i = 0; i < requests.length; i++){
  jqXHRList.push($.ajax({
    "url": request[i],
    "data": {"test": "テスト"},
    "dataType": "json",
    "method": "GET"
  }));
}

$.when.apply($, jqXHRList).done(function () {
  for (var i = 0; i < arguments.length; i++) {
    var result = arguments[i];
    var data = result[0];
    var textStatus = result[1];
    var jqXHR = result = [2];
    
    データに応じて処理を行う
  }
}).fail(function (){
  console.log("どこかで失敗")
});

var requests = [

"{% url 'hoge' %}",

"{% url 'fuga' %}"

];

var jqXHRList = [];

for (var i = 0; i < requests.length; i++){

jqXHRList.push($.ajax({

"url": request[i],

"data": {"test": "テスト"},

"dataType": "json",

"method": "GET"

}));

}

$.when.apply($, jqXHRList).done(function () {

for (var i = 0; i < arguments.length; i++) {

var result = arguments[i];

var data = result[0];

var textStatus = result[1];

var jqXHR = result = [2];

データに応じて処理を行う

}

}).fail(function (){

console.log("どこかで失敗")

});

並列に処理するときには when applyを使う
when applyに投げたい$.ajax()の配列を渡してあげるとそれらを並列に処理してくれる。

実行結果はargumentsという変数で返ってくる。
その中に実行結果のデータやステータスなんかが入ってる。