1

我已经设置了一些代码，我想为 ajax 请求提供一个非常简单的 API。

所以，我想做的只是以某种方式使用 deferred 来返回成功。

var factory = function(dataParams) {
    return $.ajax({
        type       : "POST",
        dataType   : "json",
        url        : "http://example.com/whatever",
        data       : dataParams,
        beforeSend : function(jqXHR, settings){/*... something here ...*/},
        error      : function(jqXHR, textStatus, errorThrown){/*... something here ...*/},
        complete   : function(jqXHR, textStatus) {/*... something here ...*/}
});

这会被诸如

var dataTools = {
    "foo" : function(){
        factory({"One": 1}).success(function(jqXHR){
            //Do something to jqXHR
            //Return something to the "upper most" calling... how?
        })
    }
    "bar" : function(){
        factory({"Two": 2}).success(function(jqXHR){
            //Return jqXHR to the "upper most" calling... how?
        })
    }
};

这样我就可以这样使用它：

$.each(dataTools.foo(), function(k,v){
    console.log(v);
});

基本上，该对象dataTools.foo从成功返回一个值，或者应该在失败的情况下返回一个空集，或者跳过该代码分支的东西。

我尝试过使用$.when().then()，但我似乎无法弄清楚如何将其融入我在这里描述的内容中。

4

1 回答 1

1

Ajax 是异步的。

您不能$.each在异步函数上使用 a。

您不能让一个函数调用一个调用 ajax 的函数然后期望使用$.when和相关的函数。

你需要做类似文档中所说的事情

尝试这样的事情：

var dataTools = {
    "foo" : function(){
        $.when(factory({"One": 1})).done(function(a1, a2){
            var jqXHR = a1[2]; /* arguments are [ "success", statusText, jqXHR ] */
        });
    }
    "bar" : function(){
        $.when(factory({"Two": 2})).done(function(a1, a2){
            var jqXHR = a1[2]; /* arguments are [ "success", statusText, jqXHR ] */
        });
    }
};
于 2011-07-13T14:22:45.263 回答