jQuery.when理解

前端之家收集整理的这篇文章主要介绍了jQuery.when理解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用jQuery.when来触发两个ajax请求,然后在两个请求完成后调用一些函数。这里是我的代码
var count = 0;
var dfr;

var showData = function(data) {
    dfr.resolve();
    alert(count);
   // Do something with my data data received
};

var method1 = function() {
    dfr = $.Deferred();

    return $.ajax('localhost/MyDataService/DataMethod_ReturnsData',{
        dataType: "jsonp",jsonp: "$callback",success: showData
    });
};

var method2 = function() {
    return $.ajax('localhost/MyDataService/DataMethod_ReturnsCount',success: function(data) {
            count = data.d.__count;
        }
    });
};

$.when(method1(),method2())
    .then(showData());

但是这不工作像预期。 Ajax在method1中调用将返回在showData()中使用的数据,而method2中的Ajax调用将返回计数,该值将被赋值给var count并在showData()中使用。

但是当我启动上面的代码,method1被调用,然后method2然后showData留下showData中的数据为’未定义’。我怎么可以通过$ .when实现这一点,据我所知,只有当两个函数返回$ .promise执行时才会得到。我想要两个ajax调用应该并行调用,以后的结果显示基于两个调用的结果。

解决方法

function showData(data1,data2) {
    alert(data1[0].max_id);
    alert(data2[0].max_id);
}

function method1() {
    return $.ajax("http://search.twitter.com/search.json",{
        data: {
            q: 'ashishnjain'
        },dataType: 'jsonp'
    });
}

function method2() {
    return $.ajax("http://search.twitter.com/search.json",dataType: 'jsonp'
    });
}

$.when(method1(),method2()).then(showData);​

这是一个工作jsFiddle

猜你在找的jQuery相关文章