使用延遲和管道的回調鏈接

Question

我正在努力使用延遲鏈接管道的回調。它似乎工作得很好，但在回調2中，它使我從回調1的數據。下面是代碼的樣子：

var getCall1 = function() { 
    return $.ajax(url, { 
     type: "GET", 
     data: { }, 
     contentType: "application/json", 
     dataType: "json" 
    }); 
} 


var getCall2 = function() { 
    return $.ajax(url, { 
     type: "GET", 
     data: {}, 
     contentType: "application/json", 
     dataType: "json" 
    }); 
} 

var callback1 = function (data) 
      { 
       alert('call 1 completed'); 
      }; 

var callback2 = function (data) 
      { 
       alert('call 2 completed'); 
      }; 

$.when(getCall1()).done(callBack1).pipe(getCall2()).done(callBack2); 

我在這裏丟失了什麼？

- 編輯 -

如果我在兩個延期調用打破它們，它的工作原理，但隨後有什麼用鏈接和管的？

$.when(getCall1()).done(callBack1); 
$.when(getCall2()).done(callBack2); 

--Correct方式做this--

var getCall1 = function() { 
    return $.ajax(url, { 
     type: "GET", 
     data: { }, 
     contentType: "application/json", 
     dataType: "json" 
    }); 
}.pipe(function (d){return d}); 


var getCall2 = function() { 
    return $.ajax(url, { 
     type: "GET", 
     data: {}, 
     contentType: "application/json", 
     dataType: "json" 
    }); 
}.pipe(function (d){return d}); 

var callback1 = function (data) 
      { 
       alert('call 1 completed'); 
      }; 

var callback2 = function (data) 
      { 
       alert('call 2 completed'); 
      }; 

     $.when(getCall1, getCall2).done(function(d1, d2){ 
      callback1(d1); 
      callback2(d2); 

     }); 

Answer 1

你應該寫pipe(getCall2)，不pipe(getCall2())。 deferred.pipe()期望回調返回延期，而不是延期本身。這是有道理的，因爲關鍵要求是鏈接請求（即只在第一個Ajax調用完成後才啓動第二個Ajax調用），並且只有在您開始操作後纔會得到延遲。

Answer 2

我在你的代碼中理解的是，如果getCall1成功，你只想致電getCall2。

所以你的代碼似乎很好。我試圖在的jsfiddle（用更簡單的例子），它爲我的偉大工程：

http://jsfiddle.net/PG3aN/

也許這是一個愚蠢的問題，但你肯定getCall1和getCall2不應該簡單地返回服務器的結果相同嗎？這可以解釋爲什麼你在回調中得到1相同的數據和2

其他問題，你上次的代碼示例中，你寫

var getCall1 = function() { 
return $.ajax(url, { 
     type: "GET", 
     data: { }, 
     contentType: "application/json", 
     dataType: "json" 
    }); 
}.pipe(function (d){return d}); 

是否在你的代碼的行爲最後一個管道改變些什麼呢？

最後一句關於你最後的代碼示例，預期的結果是不一樣的。在這段代碼中，你寫道，只有getCall1和getCall2都成功，你纔會調用callback1和callback2。這與你的第一個代碼不一樣。

編輯：與真正的異步結果

http://jsfiddle.net/PG3aN/1/