刷新Javascript和检索到的PHP变量

Refresh Javascript and retrieved PHP variable

本文关键字：PHP 变量 检索 Javascript 刷新      更新时间：2023-09-26

在这个论坛和互联网上搜索了几个小时后，我终于决定发布我的问题…我想使用ajax更新圆形进度条，但我是这个主题的新手，并没有成功地将不同的解决方案转移到我的问题。代码如下:

<script type="text/javascript">
       $('#circle').circleProgress({
       value: 0.75,
       size: 150,
       fill: {
       gradient: ["red", "orange"]
       }
       });
</script>
<script type="text/javascript">
       <?php include "itemCount2.php"; ?> 
       $('#circle').circleProgress('value', <?php echo $count ?>);
</script>

第二个脚本使用PHP变量$count更新进度条。数据库内容是动态变化的。这个版本工作得很好。现在我想每隔几秒钟执行这个脚本，自动更新进度。有人能帮帮我吗?提前非常感谢!

progress .php

   $progress['progress']=(int)getProgress(); // it should return data from database i men percentage 
    echo json_encode($progress);

然后在html中添加以下代码。希望jquery库已经添加。

$(function() {
var nre = setInterval(checkit, 5000);
function checkit(){
$.ajax({
url: 'http://yoursite/progress.php',
dataType: 'json',
cache: true,
timeout: 300000,
success: function(data) {

$.each(data, function(i,datas){
if(datas.progress<100)
{
// Write your code for circle. 
}
else
{
$('#output').html("complete. "+datas.comment);
clearInterval(nre);
}
});
},
error: function(){
$('#output ul').append('<li>Error');
}
});
}
});
相关文章：