如何根据PHP中会话变量的值更新jQuery Progress bar

时间:2010-12-06 12:57:39

标签: php jquery jquery-ui progress-bar

我需要根据会话变量的当前值填充进度条。该值将不是恒定的并且正在增加。 如何让它自己加载?

<meta charset="utf-8">
    <script>
    $(function() {
        $( "#progressbar" ).progressbar({
            value: 80
        });
    });
    </script>
 <div class="demo">

<div id="progressbar"></div>

</div>

2 个答案:

答案 0 :(得分:2)

您需要使用AJAX与回应会话变量的PHP文件进行通信。然后它可以更新进度条。

答案 1 :(得分:2)

PHP

...
// disable caching
header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
header('Cache-Control: no-cache, must-revalidate');
header('Pragma: no-cache');
header('Expires: Mon, 26 Jul 1991 05:00:00 GMT');  // disable IE caching
header('Content-Type: text/plain; charset=utf-8');

echo progressbar_value;
exit();
...

JS

var refresh_period = 1000; // ms
var script_path = '/script.php';

function updateProgressBar () {
    $.ajax({url: script_path,  success: function (value) {
       $('#progressbar').progressbar(value);
       if (data.value == 100) {
          clearInterval(interval);
       }
    }
}
var interval = setInterval('updateProgressBar()', refresh_period);