2つのjQuery AJAX呼び出しの結果をマージし、遅延/約束を使用する方法

Question

2つのjQuery AJAX呼び出しの結果をマージしようとしています。私はここで他の同様の質問を見てきましたが、誰も助けてくれないようです。それぞれのAjax呼び出し（2つ）について、関数createStatusViewを呼び出すと成功し、結果を渡します。良い点は、結果が両方のAJAX呼び出しで機能することです。悪いニュースは、私の$ .when呼び出しがres1とres2の両方に対して未定義を返し、結果が未定義のものを私のcreateStatusViewに送るということです。ですから、私は本当に両方のAJAX呼び出しのcreateStatusViewを呼びたくはなく、$ .whenだけを呼び出すことにします。どんな勧告も高く評価されます。

function getSpecifiedList(listName, userId){ 

    var url = SP.PageContextInfo.get_webServerRelativeUrl() + "/_vti_bin/listdata.svc/" + listName; 

    var url1 = url + "?$select=ParentOrg,ORG,URL,Site_Status&$inlinecount=allpages";  
    var call1 = $.ajax({ 
     url: url1, 
     type: "GET", 
     headers:{"accept":"application/json;odata=verbose", 
     }, 
     success: function(results){createStatusView(results, listName);}, 
     error:function(error){ 
      console.log("Error in getting List: " + listName); 
      $(_options.container).html("Error retrieving your " + listName + ". " + 
      SP.PageContextInfo.get_webServerRelativeUrl()); 
     } 
    }); 

    var url2 = url + "?$select=ParentOrg,ORG,URL,Site_Status&$inlinecount=allpages&$skiptoken=1000"; 
    var call2 = $.ajax({ 
     url: url2, 
     type: "GET", 
     headers:{"accept":"application/json;odata=verbose", 
     }, 
     success: function(results){createStatusView(results, listName);}, 
     error:function(error){ 
      console.log("Error in getting List: " + listName); 
      $(_options.container).html("Error retrieving your " + listName + ". " + 
      SP.PageContextInfo.get_webServerRelativeUrl()); 
     } 
    }); 
    //the res1 and res2 come back undefined 
      //call1 and call2 are objects as shown in F12 debug 
    $.when(call1,call2).done(function(res1,res2){ 
     var results = res1[0].d.results.concat(res2[0].d.results); 
     createStatusView(results,listName); 
    }); 
} 

Answer 1

ajaxコールを別々の関数に移動して、それらの関数を呼び出してみましたか？

function getSpecifiedList(listName, userId){ 
    $.when(call1(listName),call2(listName)).then(function(res1,res2){ 
     var results = res1[0].d.results.concat(res2[0].d.results); 
     createStatusView(results,listName); 
    }); 
} 

function call1(listName){ 
    var url = SP.PageContextInfo.get_webServerRelativeUrl() + "/_vti_bin/listdata.svc/" + listName; 
    var url1 = url + "?$select=ParentOrg,ORG,URL,Site_Status&$inlinecount=allpages"; 

    return $.ajax({ 
     url: url1, 
     type: "GET", 
     headers:{ 
      "accept":"application/json;odata=verbose", 
     } 
    }); 
}; 

function call2(listName){ 
    var url = SP.PageContextInfo.get_webServerRelativeUrl() + "/_vti_bin/listdata.svc/" + listName; 
    var url2 = url + "?$select=ParentOrg,ORG,URL,Site_Status&$inlinecount=allpages&$skiptoken=1000"; 
    return $.ajax({ 
     url: url2, 
     type: "GET", 
     headers:{ 
      "accept":"application/json;odata=verbose", 
     } 
    }); 
}; 

Answer 2

$ .whenコールバック関数にオブジェクト検出を追加してみてください。定義されていない値はリストから削除されます。

$.when(call1,call2).done(function(res1,res2){ 
    var results = res1[0].d.results.concat(res2[0].d.results); 
    if (results) { 
     createStatusView(results,listName); 
    } 
}); 

別の例：これと同じである

$.when(call1,call2).done(function(res1,res2){ 
    if (!res1 && !res2) return; 
    var results = res1[0].d.results.concat(res2[0].d.results); 
    if (results) { 
     createStatusView(results,listName); 
    } 
}); 

：

$.when(call1,call2).done(function(res1,res2){ 
    if (res1 && res2) { 
     var results = res1[0].d.results.concat(res2[0].d.results); 
     if (results) { 
     createStatusView(results,listName); 
     } 
    } 
});