jquery Ajax：如何使用第一個ajax的結果調用第二個調用？ （.then（function（）））

Question

This post answered the question I was about to ask。唯一的問題是我需要使用第一個調用的結果作爲第二個Ajax調用的參數。

事實上，我需要爲某個客戶獲得聯繫。但是，我唯一的論點是來自該客戶的請求。我想先打電話來獲取客戶端的客戶端號碼，然後使用該ID來查詢所有聯繫人。

有人可以提供一個小代碼其中第一個查詢的結果是用來進行第二次調用嗎？

這裏是他寫的部分代碼。

$.ajax({..}) // Promise 1 
.then(function() { 
    // This will only fire if the first request had no error - was "done" 
    // We then return a NEW promise for the 2nd request. In a proper 
    // Promises/A, 'then' returns a (new) promise. 
    return $.ajax({..}) // Promise 2 
}) 

感謝您的幫助。

Answer 1

.then回調包含承諾的結果。在這種情況下，它將包含三個參數，與傳遞給$.ajax成功回調的相同三個參數：解析結果，文本狀態和jqXHR對象。

$.ajax({..}) // Promise 1 
.then(function (result, status, jqXHR) { 
    // This will only fire if the first request had no error - was "done" 
    // We then return a NEW promise for the 2nd request. In a proper 
    // Promises/A, 'then' returns a (new) promise. 
    console.log(result); 
    return $.ajax({..}) // Promise 2 
}).done(function (contacts, status, jqXHR) { 
    //... 
}); 

您可以使用result從響應中獲取客戶ID。最後的.done將被第二個承諾的響應觸發。

Answer 2

會這樣的工作嗎？

function getContacts(data){ 
    $.ajax({ 
     type: 'POST', 
     dataType: dataType, 
     url: 'someotherUrl', 
     data: idofclient = data.idofclient 
     success: function(data){ 
      console.log(data.contact); 
     } 
    }); 
} 

$.ajax({ 
    type: 'POST', 
    dataType: dataType, 
    url: 'someUrl', 
    success: function(data){ 
     getContacts(data); //data should have the id of the client of course 
    } 
}); 

Answer 3

$.ajax({...}).then(function (d1) { 
    // d1 is the data returned from the first ajax call. 
    // You can use it as a parameter to the second ajax call below. 
    return $.ajax({...}).done(function (d2) { 
     // d2 is the data returned from the second ajax call. 
     console.log(d1, d2); 
    }) 
});