首页 >web前端 >js教程 >何时将成功回调函数与 jQuery Ajax 调用分离?

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

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-18 19:18:29851浏览

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn