在$ .when（）。done中使用ajax promise

Question

我需要两个不同的ajax调用的两个返回值。

我有两个JavaScript函数：

this.getVal1= function(numberDep){
    var promise = $.ajax({
        url:url, //REST url
        type:"GET",
        dataType:"json",
        contentType: "application/json"
    });
    return promise;
};

this.getVal2= function(){
    var promise = $.ajax({
        url:url, //another REST url
        type:"GET",
        dataType:"json",
        contentType: "application/json"
    });
    return promise;
};

我如何称呼这两个功能：

 $.when(getVal1(17),getVal2())
 .done(function(_topdep,_alldep){
       console.log(_topdep);
       console.log(_alldep);

 });

这是每个console.log的结果： http : //i.stack.imgur.com/IHBQx.png 。

我应该从第一个console.log返回的是这17条记录，而第二个console.log是36个记录（请在上图中查看）。

任何帮助将不胜感激，谢谢..

Answer 1

由于这些是ajax承诺，并且ajax承诺具有多个回调参数（数据，状态，jqXHR），因此then回调将收到一个数组作为每个回调的值。 因此，要获取数据，您需要获取每个参数的第一个成员

$.when(getVal1(17), getVal2())
.done(function (_topdep, _alldep) {
    console.log( _topdep[0] );
    console.log( _alldep[0] );

});

演示： 小提琴

Answer 2

我猜您想在两个完成后返回两个单独的ajax调用的结果吗？ 如果是这种情况，则可以将每个ajax请求包装在Promise然后使用Promise.all([promise1, promise2])构造。