动态更新网页上的值

时间:2018-05-04 22:59:21

标签: javascript php html ajax

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

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

index.php

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

提前致谢

1 个答案:

答案 0 :(得分:1)

with javascript使用setTimeout()全局方法创建计时器。这将在5000毫秒(5秒)后刷新内容: 也不要忘记在html head添加

中加载jquery lybrary
<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