当函数与JQuery一起使用时，Ajax响应具有不同的格式

Question

我正在练习JQuery .when（）函数，当我使用.when执行ajax调用的两个函数时，我收到了意想不到的结果。

例如，对于单一功能

$.when(getFolders(id)).then(function(folders) {
     /* return value is as expected */
});

以下是此案例中文件夹的内容

但是，在以下情况中，

$.when(getFolders(idOfClickedFolder), getFiles(idOfClickedFolder))
   .then(function( folders, files ) {
      /* results formats are not similar here with above one */
});

文件夹的内容如下所示，实际的Folder对象位于第一个响应对象内。我的意思是我可以通过文件夹[0]访问返回的JSON对象。

以下是getFolders函数，getFiles与getFolders相同，具有不同的ajax url。

function getFolders(rootId) {
    return $.ajax({
        url: '/FileManager/GetFolders/' + rootId,
        async: true,
        dataType: 'json'
    });
}

我想知道为什么我会以两种不同的格式获得结果。

感谢。

Answer 1

jQuery AJAX Deferred总是返回3个参数：data，textStatus，jqXHR。从服务器返回的数据，根据dataType参数格式化;描述状态的字符串;和jqXHR（在jQuery 1.4.x，XMLHttpRequest）对象。 （来自$ .ajax doc http://api.jquery.com/jQuery.ajax/）

当你使用$ .when和2个AJAX deffereds时，这3个参数都在一个数组中。

来自$ .when（）doc：http://api.jquery.com/jQuery.when/

$.when( $.ajax("test.aspx") ).then(function(ajaxArgs){ 
     alert(ajaxArgs[1]); /* ajaxArgs is [ "success", statusText, jqXHR ] */
});

如果要创建自定义AJAX延迟仅返回第一个参数，您可以执行以下操作：

// creating a new deferred
var myDfd = $.Deferred();

// execute AJAX query, and when the query is okay, resolve my deferred with only the res of the AJAX query
$.ajax({
   url: '/FileManager/GetFolders/' + rootId,
   async: true,
   dataType: 'json'
}).then(function(folders) {
   myDfd.resolve(folders);
});

// I can use my own Deferred
$.when(myDfd).then(function(folders) {
  // folders contains ajax response only
});