我正在开发一个网页,该网页将显示在一台巨大的电视上(在一所学校),它将显示现在正在上什么课以及接下来会发生什么,以及对学生的一些警告和一些新闻源。
我正在使用多个 .loads() 在此页面上异步加载 PHP 文件。我有 3 个模块每 5 到 10 秒加载一次(以更新显示的内容),问题是我不能让它们一起工作,当只启用其中一个或为其他事情设置一个巨大的超时时顺利。似乎当它一次又一次地调用 .load() 时,页面无法加载并保留旧内容。
我的 apache 日志在每次轮询文件时显示所有“200 OK”请求
[...] - - [18/Jan/2013:08:37:17 -0200] "GET /getNews.php HTTP/1.1" 200 473 [...]
[...] - - [18/Jan/2013:08:37:18 -0200] "GET /labCycle.php HTTP/1.1" 200 1285 [...]
轮询 Javascript 代码如下:
$(document).ready(function() {
updateNews();
moduloProgramacaoPulse();
moduloAvisosPulse();
});
function updateNews(){
$("#news").fadeOut('slow', function() {
$("#news").load("getNews.php");
});
$("#news").fadeIn("slow");
window.setTimeout(updateNews, 10000);
}
function moduloProgramacaoPulse(){
$("#programacao").fadeOut('slow', function() {
$("#programacao").load("labCycle.php");
});
$("#programacao").fadeIn("slow");
window.setTimeout(moduloProgramacaoPulse, 6000);
}
function moduloAvisosPulse(){
$("#avisos").load("getAvisos.php");
window.setTimeout(moduloAvisosPulse, 60000);
}
这些功能中的每一个都可以单独完美地工作,但不能一起工作。(在文档就绪事件上测试了注释行。PHP 代码正在处理内容循环,每次加载时返回不同的内容。
先感谢您