JQuery中1.6后 ajax嵌套的写法

一、Deferred讲解

这篇文章讲的更好http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html

二、具体解决嵌套调用问题

1. var promise1 = $.ajax(url1);  
2. var promise2 = promise1.then(function(data){  
3.     return $.ajax(url2, { "data": data });  
4. });  
5. var promise3 = promise2.then(function(data){  
6.     return $.ajax(url3, { "data": data });  
7. });  
8. promise3.done(function(data){  
9.     // data retrieved from url3  
10. }); 

三、另一种写法,使用pipe

$.ajax("your/url", {
    dataType: "json"
}).pipe(function(theOriginalData) {
    return $.ajax("your/web/service/doSomethingWith", {
        data: theOriginalData,
        dataType: "json"
    });
}).done(function(theFinalData) {
    $.each(theFinalData, function(key, value) {
        $("#" + key).val(value);
    });
});