ajax多次請求的一個效果思路

 

首先頁面加載時候顯示遮罩層

jQuery(function() {
    show_dialog();
    //tianxie();
});

 

定義一個全局數組，用於存放問題id

var qar = [];

 

循環問題id，並賦值到qar數組中

for (quid_index = 0; quid_index < results.totalProperty; quid_index++) {
    questions[quid_index] = [];
    questions[quid_index][0] = results.content[quid_index].quid; //問題編號
    questions[quid_index][1] = results.content[quid_index].total; //問題類型
    qar[quid_index] = results.content[quid_index].quid;
}

 

最后在ajax 請求成功后的回調函數里，做遞減操作，判斷最后回調是否為0（這里是5，程序還沒完全寫完，只能判斷到這里。），最后遮罩層隱藏。

function optionsDataAjax(param, field) {
    var options = jQuery.ajax({
        async: true,
        type: "get",
        url: "${homeMoudle}/home/quickreport/optionsDataRes.htm",
        data: param + field,
        success: function(data,s,k) {
            //alert("option======="+data);
            var txt = eval('(' + data + ')');
            var json = eval(txt.content);
            for (var i = 0; i < json.length; i++) {
                var quid = json[i].quid;
                var total = json[i].total;
                jQuery("#q" + quid).html('(' + total.toFixed(1) + '%)');
            }
            qar.splice(0,1);
            //console.log("optionsDataAjax==="+qar.length);
            if(qar.length==5){
                tianxie();
            }
        }
    });
}

function fuxuanAjax(param, field) {
    jQuery.ajax({
        async: true,
        type: "get",
        url: "${homeMoudle}/home/quickreport/getFuxuan.htm",
        data: param + field,
        success: function(data) {
            //alert("option======="+data);
            var txt = eval('(' + data + ')');
            var json = eval(txt.content);
            for (var i = 0; i < json.length; i++) {
                var quid = json[i].quid;
                var total = json[i].total;
                jQuery("#q" + quid).html('(' + total.toFixed(1) + '%)');;
            }
            qar.splice(0,1);
            if(qar.length==5){
                tianxie();
            }
        } 
    });
}

function numberDataAjax(param, field) {
    jQuery.ajax({
        async: true,
        type: "get",
        url: "${homeMoudle}/home/quickreport/numberDataRes.htm",
        data: param + field,
        success: function(data) {
            //alert("number======="+data);
            var txt = eval('(' + data + ')');
            if (txt.quid == 159 || txt.quid == 445 || txt.quid == 533 || txt.quid == 534) {
                var size = jQuery("#companysize").html();
                var val = txt.total / size;
                jQuery("#q" + txt.quid).html(val.toFixed(2));
            } else {
                jQuery("#q" + txt.quid).html(txt.total.toFixed(2));
            }
            qar.splice(0,1);
            if(qar.length==5){
                tianxie();
            }
        }
    });
}

function tianxie() {
    hide_dialog();
}