Question

如您所见，该功能将在页面加载后运行。但是现在如果我有来自数据库的数据，我希望它在不刷新页面的情况下直播。怎么做？

以下是代码：

JS

$(function () {
    var getVal = $('#get').html();

    var radialObj7 = $('#indicatorContainer7').radialIndicator({
        minValue: 0,
        maxValue: 1250
    }).data('radialIndicator').animate(getVal); //to get the value
});

HTML

<div class="prg-cont rad-prg" id="indicatorContainer7"><div id="get"><?php include('load.php'); ?></div></div>

PHP（load.php）

JS Autorefresh

var auto_refresh = setInterval
(
    function ()
    {
        $('#get').load('load').fadeIn("slow");
    }, 1000
);

我在我的代码上面尝试过，值是自动更新，但指标不会根据值发生变化。

Answer 1

首先，如果你需要在每个时间间隔上添加动画，那么PHP代码中必须有一些逻辑，这样每次从服务器端获得一个新值时，它会反映你的UI并且你会得到动画。

此外，每次进行AJAX调用时都必须更新指标值（仅使用load.php代替load），

var auto_refresh = setInterval(function (){
    $('#get').load('load.php',function(val){// load.php instead of load
        // change value in callback
        $('#indicatorContainer7').data('radialIndicator').animate(val); 
    }).fadeIn("slow");
}, 1000);

jQuery radialIndicator auto（无刷新页面）基于值

1 个答案: