动态更新网页上的值

Question

我有一个微控制器，可读取热电偶并将其值发送到Raspberry Pi上的文本文件。

在Pi上运行一个托管我的网站的apache服务器。 该网站显示了文本文件中的值， 但是要获取实际值，我必须刷新页面。

的index.php

 <html> <?php $temp = file_get_contents('Temp.ESP'); ?> <header> <h2><?php echo $temp; ?> °C</h2> </header> </html>

提前致谢

Answer 1

使用javascript使用setTimeout（）全局方法来创建计时器。 这将在5000毫秒（5秒）后刷新内容：同样不要忘记在html头中加载jQuery库，添加

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
setTimeout(function(){ 

$.get( "mydata.php", function( data ) {
$( "#mydata" ).html( data ); // this will replace the html refreshing its content using ajax

});


 }, 5000);` 
</script>

在html上更改

<header>
<h2 id="mydata"></h2> ºC
</header>

注意id =“ mydata”

php只需要回显文件内容，还创建文件mydata.php

动态更新网页上的值

问题描述

1 个解决方案

解决方案1
1 已采纳 2018-05-04 23:01:52

动态更新网页上的值

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-05-04 23:01:52

解决方案1
1 已采纳 2018-05-04 23:01:52