一个页面多个ajax加载,jQuery如何通过ajax加载多个页面部分

我的页面显示了不同类别的多个表格，每个表格都通过ajax加载。jQuery如何通过ajax加载多个页面部分

类别的数量可能会有所不同，但是我知道在进行ajax调用之前会存在多少类别。我告诉他们在同一时间，像这样：

$(function(){

var categories = 3; // this is calculated dynamically

var categoriesLoaded = 0;

$('#categoryA').load('/getCategoryA', function(){categoriesLoaded++;checkLoadProgress();});

$('#categoryB').load('/getCategoryB', function(){categoriesLoaded++;checkLoadProgress();});

$('#categoryC').load('/getCategoryC', function(){categoriesLoaded++;checkLoadProgress();});

function checkLoadProgress(){

if(categoriesLoaded == categories){

$('.spinner').hide();

$('.categories').show();

}

}

});

这工作和所有的，但我想从你知道这是完成这一个体面的方式。

我的目标是有一个加载栏(也许我已经有足够的信息)，但我真的不喜欢我检查状态，与重复功能的方式。任何提示欢迎

2012-12-14

Hartimer

+0

为什么使用Ajax？什么是服务器用于？ –

+1

有没有想过有一个类别的数组，然后通过它循环？ –

+0

@JustinGingyMcDonald我正在使用ajax，因为这些表可能需要一段时间才能加载，用户可以在未加载时执行其他操作 –