我的网页上有一个 Bootstrap 进度条
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="70"
aria-valuemin="0" aria-valuemax="100" style="width:70%">
70%
</div>
</div>
我的 php 脚本 -
<?php
function get_memory() {
foreach(file('/proc/meminfo') as $ri)
$m[strtok($ri, ':')] = strtok('');
return 100 - round(($m['MemFree'] + $m['Buffers'] + $m['Cached']) / $m['MemTotal'] * 100);
}
echo "".get_memory()."";
?>
当调用 php 函数时,会调用一个数值,该数值会更新。
本质上,我想做的是
<?php echo "".get_memory()."";?>
在进度条的 style="width:70%"上,因此进度条会使用 php 函数报告的值动态更新。
我希望这是有道理的。
我试过了
<script>
setInterval(function(){
jQuery.ajax({
url: "ramUsage.php",
success: function(result) {
$('.progress-bar').css("width", data + '%');
},
});
}, 1000);
</script>
这给了我
ReferenceError: data is not defined
使用 websockets 代替 AJAX 不是更好吗?如果是这样,我该怎么做?
最佳答案
代替,
$('.progress-bar').css("width", data + '%');
你应该用过,
$('.progress-bar').css("width", result + '%');
或
$('.progress-bar').css("width", result.responseText + '%');
关于php - 如何使用我的 PHP 脚本中的数据动态更新 Bootstrap 进度条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39647392/