PHP 在每次读取时更新 HTML 元素
PHP Update HTML elements on every read
因为我是PHP脚本的新手,我编写了一个PHP脚本,该脚本具有HTML标记,该标记可以创建一个UI,然后希望通过PHP代码块更新其UI值。
如下所示:
索引.php
<div>
<div id="ecg">
<br/>
<br/>
<br/>
<p><b>Electrocardiac Diagram </b></p>
<p><b>(ECG) </b></p>
</div>
<div>
<img id="ecgimg" src="images/ecg.jpg" alt="ECG" height="200" width="300" align="middle">
</div>
<br/>
<br/>
</div>
</div>
稍后如上述同一文件所述:
<?php
while (1){
$read = $file->read();
$s=0;
$y=0;
$ecg="";
$sp="";
$bp="":
$oxy="";
$temp = "";
............
$ecg=$read;
.....
?>
如何使用我从文件中读取的文本更新 HTML 文本div id="ecg" - 假设我想将文本设为
(ECG Normal)
一旦页面显示给用户,你就不能使用普通的PHP来更新页面,因为页面不再在服务器上,而是在客户端计算机上。
您需要使用 Javascript 和 AJAX 来读取文件并更新页面。
您可以阅读以下内容来帮助您:
https://api.jquery.com/jQuery.ajax/
http://www.w3schools.com/jsref/met_win_setinterval.asp
更新:
以下是您的 html 文件应该是什么样子:
<div>
<div id="ecg">
<?php
$read = $file->read();
echo $read;
?>
</div>
<div>
<img id="ecgimg" src="images/ecg.jpg" alt="ECG" height="200" width="300" align="middle">
</div>
<br/>
<br/>
</div>
这是javascript:
<script>
setInterval(readFile, 3000);
function readFile() {
$.ajax({
url: "readFile.php"
})
.done(function( data ) {
$('#ecg').html(data);
});
}
</script>
在readFile中.php您所需要的只是:
<?php
$read = $file->read();
echo $read;
?>
仅此而已。
相关文章:
- 使用 node.js 和 javascript 更新 HTML 对象
- 如何从弹簧控制器方法更新html img src
- 以非阻塞方式更新HTML画布
- 如何在加载页面后更新 HTML
- 根据json更新html
- Angular数组更改时更新HTML视图
- 根据ajax json响应更新html表
- 从数组中删除值,用新的数组总数更新html或'$'如果没有总计
- 测试React中的点击事件是否会更新HTML
- 动态更新Html中的列表
- Jquery函数更新html
- JavaScript/jQuery:在选择列表更改时更新HTML
- 通过ajax更新HTML块内容
- 当我更新HTML时,Keydown事件停止触发
- 动态更改语言时,应更新HTML lang属性
- 更新html页面中的数据
- 如何使用BackboneJs获取JSON数据和更新html
- 如何在更改一列时更新HTML表行中的单元格
- 无法使用 innerHTML 使用 JavaScript 更新 HTML 表
- 当表单使用 ajax 和 Codeigniter 更改时自动更新 html