-1

我用 HTML/PHP/Javascript 编写了一个网站,它必须每秒显示存储在 MySQL 数据库中的数据。它将其显示为图形(运行生成的 PNG 图像graph.php)。

<!DOCTYPE html>

<html>
	<title>Live Tracking Run'INSA</title>
	
	<head>
		<script type = "text/javascript">
			function refresh() {
				document.getElementById('graph').src = 'graph.php';
			}
		</script>
	</head>

	<p><h2>Visualisation des données</h2></p>
	
	<body onLoad='setInterval(refresh, 1000);'>
		<img id='graph'/>
	</body>
	
</html>

visualiser.php可以很好地显示图形,但graph.php不会按预期更新最后一个。

PS:图表(使用 pChart 库制作)也显示了心率作为时间的函数。

4

1 回答 1

2

基本上看起来不错。我怀疑图像没有被更新,因为当你设置它第二次、第三次等时它src没有改变。您可以在设置之前清除它:

function refresh() {
    var graph = document.getElementById('graph');
    graph.src = '';
    graph.src = 'graph.php';
}

...或者通过附加一个查询字符串给它一个不断变化的 URL:

function refresh() {
    document.getElementById('graph').src = 'graph.php?' + Date.now();
}
于 2018-01-07T10:12:53.440 回答