【问题标题】:value from MySQL needs to be refreshed来自 MySQL 的值需要刷新
【发布时间】:2013-10-18 12:34:20
【问题描述】:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TEST</title>
<script src="gauge.min.js"></script>
</head>

<?php 
        //maak verbinding met MySQL server:
        $link = mysqli_connect("localhost","root","","opc") 
        or die("Kan niet verbinden met de server " . mysqli_error($link));

        //Haal waarde uit de database:
        $query = "SELECT * FROM test" 
        or die("Er is een fout opgetreden" . mysqli_error($link));

        //Sla de waarde op.
        $result = $link->query($query);

        //toon informatie:

        while($row = mysqli_fetch_array($result)) 
        {
            $waarde2 = $row["waarde2"];
        }
?>

<body>    
    <canvas id="gauge1" width="400" height="400"        
        data-type="canv-gauge"
        data-title="OPC TEST"
        data-min-value="0"
        data-max-value="100"
        data-major-ticks="0 10 20 30 40 50 60 70 80 90 100"
        data-minor-ticks="10"
        data-stroke-ticks="true"
        data-units="RPM"
        data-value-format="3.0"
        data-glow="true"
        data-animation-delay="500"
        data-animation-duration="200"
        data-animation-fn="linear"
        data-colors-needle="#f00 #00f"
        data-onready="setInterval( function() { Gauge.Collection.get('gauge1').setValue( <?= $waarde2 ?>);}, 1000);"
    ></canvas>    
</body>    
</html>

它完美地工作并显示来自 mysql 数据库的值的仪表(它每秒用另一个值更新自己)。不幸的是,仪表一直显示相同的数字。有谁知道如何解决这个问题?

【问题讨论】:

  • 通过重新加载页面?
  • @YourCommonSense 完美名字的完美答案。
  • 我确实考虑过。但是当页面每秒刷新一次时,它有点难看。现在是一秒钟,但稍后会以毫秒为单位。我正在用 HTML5 构建 SCADA 应用程序

标签: php sql refresh gauge


【解决方案1】:

使用 AJAX 将仪表和数据拉入 DIV,然后每隔 **ms 或秒或您需要的任何时间更新 AJAX。然后它将以您确定的频率发生。

这是一种快速简便的方法:Div Update

【讨论】:

  • 我现在有一个空的 div,它确实用数据库的值刷新了自己。非常感谢!但是 div 本身不能放在仪表的 setValue 中。你有解决方案吗?还是我在这里做错了什么。
  • @user2890367 将 PHP 和 ... 放到 ajax 调用的单独 PHP 文件中,然后在 div 中全部刷新
猜你喜欢
  • 2017-09-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-01-01
  • 2017-01-18
  • 1970-01-01
  • 2023-03-13
  • 2018-03-19
相关资源
最近更新 更多