如何使用PHP脚本中的数据动态更新引导进度条?
发布时间:2020-12-13 22:27:03 所属栏目:PHP教程 来源:网络整理
导读:我的网页上有一个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脚本 – ?phpfunction get_memory() { foreach(file
我的网页上有一个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 + '%'); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |