jQuery ajax asyncrhonous calling

Question

我试图在使用jquery完成ajax调用后执行一些操作。

我已经看到，如果我使用这样的函数：

    function DownloadData() {
        $.ajax({
            url: "/api/AlbumsRest",
            accepts: "application/json",
            cache: false,
            success: function () {
                /*binding stuff*/
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert('Error' + textStatus);
            }
        });
    }

ajax 请求它是在异步模式下完成的。我不想更改它，因为我不想冻结页面。但是我想在这个ajax完成后做一些动作（动画，效果等）。

所以，我的问题是，我如何在不使用成功事件的情况下知道我是否在此请求的末尾

如果我像这样调用下载数据函数：

    function DownloadNextData() {
        DownloadData();
        SlideOutAnimation();
        SlideInAnimation();
    }

发出异步请求后，我需要制作幻灯片。

一些想法 ？

Answer 1

使用 jQuery 延迟对象，您应该从DownloadData中return $.ajax()的结果

function DownloadData() {
    return $.ajax({...});
}

然后，您可以在 AJAX 处理程序之外注册一个函数，该函数仅在 AJAX 调用完成后才会被调用：

function DownloadNextData() {
    DownloadData().done(function() {
        SlideOutAnimation();
        SlideInAnimation();
    });
}

看哪 - 您的动画处理与 AJAX 函数完全分离:)

为了简化事情，.done实际上还可以获取函数引用的列表：

function DownloadNextData() {
    DownloadData().done(SlideOutAnimation, SlideInAnimation);
}

请注意，在这种情况下，您无法提供自己的函数参数 - 它们实际上将传递 AJAX 数据的内容。

Answer 2

function DownloadData() {
    return $.ajax({
        url: "/api/AlbumsRest",
        accepts: "application/json"
    });
}
function DownloadNextData() {
    SlideOutAnimation();
    SlideInAnimation();
}
DownloadData().done(DownloadNextData);

Answer 3

试试 $.ajaxcomplete。 这是它的文档 http://api.jquery.com/ajaxComplete/