【jQuery】$.when ajaxの複数同時処理の返り値が取得できない

Question

個々でajaxを実行するとうまく行くのですが、$.whenを使った複数になると返り値がundefinedになります。

                jqXHRList.push(
                    $.ajax({ // $.ajaxの戻り値を配列に格納
                        url: 'https://web~~~',
                        headers: {
                            'Accept': "text/plain",
                            'APIKEY': "key"
                        },
                        type: 'post',
                        data: JSON.stringify({
                            key:value
                        })
                    })
                );
                jqXHRList.push(
                    $.ajax({ // $.ajaxの戻り値を配列に格納
                        url: 'https://web~~~',
                        headers: {
                            'Accept': "text/plain",
                            'APIKEY': "key"
                        },
                        type: 'post',
                        data: JSON.stringify({
                            key:value
                          })
                    })
                );

        $.when.apply($, jqXHRList).done((base64) => {


            // base64が1個だけ返ってくる。argumentsで取得するはずなのに
            console.log(base64);



            var json = [];
            var statuses = [];
            var jqXHRResultList = [];
            // 結果は仮引数に可変長で入る **順番は保証されている**
            // 取り出すには arguments から取り出す
            // さらにそれぞれには [data, textStatus, jqXHR] の配列になっている
            for (var i = 0; i < arguments.length; i++) {
                console.log(arguments);
                var result = arguments[i];
                console.log(result['data']);
                json.push(result[0]);
                statuses.push(result[1]);
                jqXHRResultList.push(result[3]);
            }

            json;// => リクエストの配列と同じ順番で結果を参照できる
            console.log(json);

        }).fail(() => {
            console.log('失敗');
        });

返り値

Answer 1

$(function(){
  var d=[];
  d.push($.ajax({url:"sample.php?s=2"}));
  d.push($.ajax({url:"sample.php?s=3"}));
  d.push($.ajax({url:"sample.php?s=1"}));
  $.when.apply(null,d).then((...arg)=>{
    console.log(arg.map(x=>x[0]));
  });
});

//sample.php

<?PHP
$s=filter_input(INPUT_GET,"s");
sleep($s);
print $s;

Comments

[yambejp]

fetch/Promiseのほうが楽かも
var d=[];
d.push(fetch("sample.php?s=2").then(res=>res.text()));
d.push(fetch("sample.php?s=3").then(res=>res.text()));
d.push(fetch("sample.php?s=1").then(res=>res.text()));
Promise.all(d).then(console.log);