如何检查所有Ajax是否都已完成

Question

我在页面上使用倍数ajax

1. $.load("abc.com/users");
2. $.load("abc.com/usersrates"); 
3. ..... 
4. .......

并且有一个下一个按钮可以转到另一个已禁用的页面，现在我想在所有Ajax完成后启用该下一个按钮。

任何想法将不胜感激。

Answer 1

使用$.when进行多次ajax调用。

例：

 $.when( $.load("abc.com/users"), $.load("abc.com/usersrates"))
      .then( successCallback, errorCallback );

有关更多信息，请参见jQuery.when（）

Answer 2

编辑： $.when在此方面的响应要好得多！

这有点hacky，但是可以用

<script>
var totalLoads = 2;
var currentLoad = 0;

function checkLoads()
{
    if (currentLoad == totalLoads)
    {
        // enable button
    }
}

$.load("abc.com/users", funciton() { currentLoad++; checkLoads(); });
$.load("abc.com/usersrates", funciton() { currentLoad++; checkLoads(); })); 
</script>

Answer 3

使用$.when 。

    $.when( $.ajax(...), $.ajax( ... ) ).done(function( a1, a2 ) {



      }
    }).failed(function(f1,f2){ 


  });

//每个参数都是一个具有以下结构的数组：[data，statusText，jqXHR]

// a1和a2分别是为第一个和第二个ajax成功请求解析的参数。
// f1和f2分别是为第一个和第二个ajax失败请求解析的参数。