从 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 应用程序中的异步操作并提高灵活性。