從jQuery Ajax 呼叫解耦成功回調函數
使用jQuery ajax 從伺服器擷取資料時，通常的做法是定義成功.ajax () 區塊中的回呼函數。這將回調處理與 AJAX 呼叫緊密耦合，限制了靈活性和可重複使用性。
要在 .ajax() 區塊之外定義成功回調，通常需要宣告一個用於儲存回傳資料的變數。但是，建議使用延遲物件的更現代方法。
自 jQuery 1.5 以來，延遲物件提供了更好的方法來處理 AJAX 呼叫等非同步操作。以下是實現這一目標的方法：
function getData() {
return $.ajax({
url : 'example.com',
type: 'GET'
});
}
function handleData(data /* , textStatus, jqXHR */ ) {
alert(data);
//do some stuff
}
getData().done(handleData);這種方法將回調處理與 AJAX 呼叫解耦，從而輕鬆實現多個回調、錯誤處理和非同步事件同步。
對於實例：
// Timer for demo purposes, resolves itself after 5 seconds
var timer = $.Deferred();
setTimeout(timer.resolve, 5000);
// Get data using AJAX and attach done and error handlers
var ajax = getData().done(handleData).fail(error);
// Wait for both AJAX and timer to finish before continuing
$.when(timer, ajax).done(function() {
// Both AJAX and 5s timer have finished
});
// Additional callbacks can be added even after AJAX call finishes
ajax.done(function(data) {
//Do some stuff with data
});這展示了延遲物件的強大功能，可以更好地控制 jQuery 應用程式中的非同步操作並提高靈活性。
以上是何時將成功回呼函數與 jQuery Ajax 呼叫分離？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
