何时将成功回调函数与 jQuery Ajax 调用分离？-js教程-PHP中文网

何时将成功回调函数与 jQuery Ajax 调用分离？

Mary-Kate Olsen

发布： 2024-10-18 19:18:29

原创

868 人浏览过

When to Decouple Success Callback Functions from jQuery Ajax Calls?

从 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中文网其他相关文章！