如何使用jQuery的承诺，使功能不嵌套

Question

我想我已经添加了一层复杂性。下面是我得到了什么：

;(function($, window, undefined) { 
    function download() { 
     var local = {}; 
     local.data = {}; 
     local.data.method = 'getMyData'; 
     local.dataType = 'json'; 
     local.Promise = $.ajax('myComponent.cfc', local); 
     local.Promise.done(PromiseDone); 
     local.Promise.fail(PromiseFail); 
    } 

    function PromiseDone(result) {}; 
    function PromiseFail(myEvent) {}; 
})(jQuery, window); 

我希望做的是这样的：

;(function($, window, undefined) { 
    var Variables = {}; 
    Variables.Promise = $.Deferred(); 

    function download() { 
     var local = {}; 
     local.data = {}; 
     local.data.method = 'getMyData'; 
     local.dataType = 'json'; 
     Variables.Promise = $.ajax('myComponent.cfc', local); 
    } 

    Variables.Promise.done(function(result) { 
    }); 
    Variables.Promise.fail(function(myEvent) { 
    }); 
})(jQuery, window); 

我的目标就是击败的JavaScript以我的功能不被嵌套。

问：我的想法会起作用吗？或者deferred需要resolve才能被认为是done？

Answer 1

你真的添加了不必要的复杂性。 $.ajax已经退货，因此没有理由再创建另一个：

;(function($, window, undefined) { 
    function download() { 
     return $.ajax({ 
      data : {method:'getMyData'}, 
      dataType: 'json' 
     }); 
    } 

    var ajaxCall = download(); 

    ajaxCall.done(function(result) { 
      // do something with result 
    }); 

    ajaxCall.fail(function() { 
     // failed 
    }); 
})(jQuery, window);