我需要根据会话变量的当前值填充进度条。该值将不是恒定的并且正在增加。 如何让它自己加载?
<meta charset="utf-8">
<script>
$(function() {
$( "#progressbar" ).progressbar({
value: 80
});
});
</script>
<div class="demo">
<div id="progressbar"></div>
</div>
答案 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);