javascript - 如何检查所有ajax函数是否在页面中加载完成？

Question

在我的页面中，我使用 SharePoint 2010 客户端对象模型来调用异步函数（ajax 调用）。在页面加载时，我进行了大量的 ajax 调用来加载数据。但我想知道是否有一种方法可以在所有 ajax 调用完成后调用函数。有没有办法做到这一点？谢谢

Answer 1

如果您使用 jQuery 来发出 AJAX 调用，请注册一个ajaxStop处理程序：

$(document).ajaxStop(function() {
    // this will be called when all running AJAX calls have completed
});

Answer 2

一个 jquery 解决方案，用于$.active查看有多少活动请求。

所以...

var ajaxCheckInterval = setInterval(checkAjaxState, 10);

function checkAjaxState(){
    if($.active == 0){
        clearInterval(ajaxCheckInterval);
        // do work
    }
}

可能是这样的：

var ajaxCheckInterval = setInterval(checkAjaxState, 10);

function checkAjaxState(){
    if(document.readyState == 'complete'){
        clearInterval(ajaxCheckInterval);
        // do work
    }
}