在AJAX请求后更新进度条

时间:2016-01-06 21:26:14

标签: javascript jquery

请告诉我如何在AJAX请求后更新进度条?这是我到目前为止所做的:

function test(){

   var queue  = ["a","b","c","d","e"];

 $( "#dialog" ).dialog("open");
 $( "#progressbar" ).progressbar({ max: queue.length});

    var execute_queue = function(index)
    {    

        $.ajax( {    
            url: queue[index],
            dataType: 'json',
            success: function(json){

              if (json['error']) {
                console.log(json['error']);
              }
              if (json.response) {
                console.log(json['response']);
                }

                index++;    // going to next queue entry

                // check if it exists
                if (queue[index] != undefined)
                {
                    execute_queue(index);
                }
            }

        }); // end of $.ajax( {...

    }; // end of execute_queue() {...

    var index = 0;

    execute_queue(index); // go!
}

首先,我通过计算队列数组来设置进度条的最大长度:

$( "#progressbar" ).progressbar({ max: queue.length});

下一步是什么?如果我没有错,下一步就是使用index ++命令。

1 个答案:

答案 0 :(得分:0)

如果我没错:

$( "#progressbar" ).progressbar({ value: index+1});

在index ++完成工作之前。