当不同文件的内容发生变化时,如何刷新HTML文件
How do I refresh an HTML file when the contents of a different file change?
我有一个设备使用PHP访问一个简单的MySQL数据库。当我进行搜索时,结果被写入HTML文件中。
我有第二个设备(非常基本的android平板电脑)已经打开了这个HTML文件。使用live.js时,它会在内容改变时刷新。我需要的是:一个静态消息说的东西,如"等待搜索结果",只有当页面的内容改变的结果显示…
在平板电脑上加载1.html(等待搜索结果)。当页面2.html的内容发生变化(有一个搜索查询)时,显示它(2.html)。按下按钮(用户输入)后,让我们回到1.html并等待页面2.html的内容再次更改。单独使用live.js,我只能查看当前打开的文件…
我该怎么做呢?非常感谢。
[EDIT - SOLVED]我是这样做的:当平板电脑的用户按下一个按钮时,它运行一个PHP脚本,用"等待结果"文本替换文件的内容(以前的搜索结果)。当然,它的头部有live.js,当出现新的搜索时,页面会用新的搜索结果重新加载。
这比我想象的要容易,我想多了。
PHP脚本:<?php
ob_start();
$myFile = 'ana.html';
unlink($myFile);
$fh = fopen($myFile, 'w') or die ("can't open file");
$stringData =
'<html>
<head>
<title>Rezultatele cautarii</title>
<link rel="stylesheet" href="style.css">
<script src="live.js"></script>
</head>
<body>
<h1 class="button">Asteptam cererea</h1>
</body>
</html>';
fwrite($fh, $stringData);
fclose($fh);
header('Location: '.$myFile);
die();
?>
你的意思是这样吗?
document.write('<div id="loading"><br><br>Please wait...</div>');
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
document.getElementById("loading").style.display="none";
});
我想你可以有一个setInterval()在JavaScript中运行,然后得到页面的内容,因为它是在以前的间隔和比较它在PHP使用校验和?或者逐个字母比较一下。我现在太累了,不想写代码了
相关文章:
- 如何检查Json文件更新,如果更新了,则用更新的数据刷新我的页面
- 无需刷新即可进行简单的客户端文件处理
- 文件上传 |无需刷新页面 |支柱2 |无闪光灯 |
- 在Div中刷新图像,只更改文件内容,不更改名称
- 输入文件:如何在刷新后显示文件名
- AngularJS、DropzoneJS、JSON——上传成功后刷新文件列表
- Firefox DevTools:选项卡和如何在页面重新加载/刷新后保持调试器文件打开?(停止自动关闭)
- 如何使用 AJAX 刷新 PHP 文件
- 如何在刷新时停止我的 xml 文件复制但续订
- 在不刷新页面的情况下更改内容或包含文件
- 定时 Javascript 文件刷新,无需重新加载页面
- Javascript - 如何从文件加载变量并每 3 秒刷新一次
- 在页面刷新时使用 jQuery 重新加载 JSON 文件
- 从包含的 php 文件刷新查询结果
- 在不刷新 HTML 的情况下重新加载 JavaScript 文件
- 在部署时刷新静态 JavaScript 文件
- 如何使用 jQuery 将变量从隐藏字段发送到远程 PHP 文件,并在引导模式中显示脚本的结果,而无需刷新
- 如何在不刷新的情况下在同一页面上显示上传的文件内容
- 如何在不刷新页面的情况下每 10 秒在本地重新加载一次 JS 文件
- 保存文件后刷新页面