gpt4 book ai didi

javascript - 动态更新网页上的值

转载 作者:行者123 更新时间:2023-12-03 01:57:11 25 4
gpt4 key购买 nike

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

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

index.php

<html>
<?php $temp = file_get_contents('Temp.ESP'); ?>

<header>
<h2><?php echo $temp; ?> °C</h2>
</header>

</html>

提前致谢

最佳答案

通过 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

关于javascript - 动态更新网页上的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50184078/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com