有人可以清楚地解释 jQuery.when() 和 deferred.then() 的工作原理吗？

Question

我正在开发一个 Web 应用程序，我需要加载一些文件 $.ajax。我在 $.when().then() 中发现了一些有趣的东西。

当我对请求返回的数据没有任何特殊关系时，它非常有用，如下例所示：

$.when(
    $.getScript('js/script1.js'),
    $.getScript('js/script2.js')
).then(function(){
    // Do whatever I want once both scripts are loaded...
});

如果我有一个这样的 ajax 请求时效果很好：

$.when(
    $.ajax('xml/myxml.xml')
).then(function(data){
    // Here I can work with data like I would with a regular ajax request
    alert($(data).find('mynode').text());
})

但如果我尝试以下操作，我将无法正常工作：

$.when(
    $.ajax('xml/myxml.xml'),
    $.getScript('js/script.js')
).then(function(data){
    // But here, I can't access $(data).find('mynode')...
})

我阅读了deferred object 页面，但其中大部分内容对我来说太技术性了，我无法理解在使用 $.when().then 时应该如何获取我的 ajax 数据() 从多个来源加载脚本和数据。

因此，如果有人可以帮助我了解如何在上面的测试用例中使用我的 ajax 数据，那就太好了！如果同时有人能以比官方 jQuery 文档更容易理解的方式解释延迟对象的事情，那就太棒了！

谢谢！

Answer 1

显然，对于每个延迟对象，至少如果它是一个 Ajax 请求，$.when 会将一个类似 [ "success", statusText, jqXHR ] 的参数传递给回调。 jqXHR 是一个表示 XMLHttpRequest 的对象（更多关于它的信息，请参见 $.ajax documentation）。所以以下应该工作：

$.when(
    $.ajax('xml/myxml.xml'),
    $.getScript('js/script.js')
).then(function(a){
    $(a[2].responseText).find('mynode');
});

请参阅$.when 文档中的第一个示例。

关于一般的延迟对象，this question 可能会有所帮助。