jQuery :: Ajax支持进度条吗？

jQuery :: Ajax支持进度条吗？

您可以将动画gif加载通过

.html()

到结果区域，直到您的ajax函数返回结果为止。只是个主意。

关于jquery ui进度栏，您需要间歇地遍历脚本，并将代表完成百分比的数字值作为已分配的javascript变量进行回显。例如…

// text example php scriptif (isset($_GET['twentyfive-percent'])) {    sleep(2); // I used sleep() to simulate processing    echo '$("#progressbar").progressbar({ value: 25 });';    }if (isset($_GET['fifty-percent'])) {    sleep(2);    echo '$("#progressbar").progressbar({ value: 50 });';    }if (isset($_GET['seventyfive-percent'])) {    sleep(2);    echo '$("#progressbar").progressbar({ value: 75 });';    }if (isset($_GET['onehundred-percent'])) {    sleep(2);    echo '$("#progressbar").progressbar({ value: 100 });';    }

下面是我用来获取进度条以更新其位置的函数。我知道，有点疯了。

avail_elem = 0;function progress_bar() {    progress_status = $('#progressbar').progressbar('value');    progress_status_avail = ['twentyfive-percent', 'fifty-percent', 'seventyfive-percent', 'onehundred-percent'];    if (progress_status != '100') {        $.ajax({ url: 'test.php?' + progress_status_avail[avail_elem], success: function(msg) {     eval(msg);     avail_elem++;     progress_bar();     } });        }    }

如果我不得不猜测的话，我敢打赌，还有更好的方法……但这就是我测试它时对我有用的方法。