Javascript 每两秒钟更新一次表
我希望每两到三秒或实时更新一个表。我知道一种方法,但当我尝试时,它会导致桌子不断闪烁,这样做会使阅读变得非常困难,并且会伤害你的眼睛。我应该使用jQuery和Ajax吗?我将如何实现这一点,而不会占用大量资源,最终导致网页崩溃?我的表代码如下(在table.php中):Javascript 每两秒钟更新一次表,javascript,php,jquery,ajax,json,Javascript,Php,Jquery,Ajax,Json,我希望每两到三秒或实时更新一个表。我知道一种方法,但当我尝试时,它会导致桌子不断闪烁,这样做会使阅读变得非常困难,并且会伤害你的眼睛。我应该使用jQuery和Ajax吗?我将如何实现这一点,而不会占用大量资源,最终导致网页崩溃?我的表代码如下(在table.php中): 事故# 镇 地方 事件类型 时间/日期 管理 删除条目 my index.php的代码: <!-- Table --> <div class="col-md-8 column"> &
事故#
镇
地方
事件类型
时间/日期
管理
删除条目
my index.php的代码:
<!-- Table -->
<div class="col-md-8 column">
<fieldset>
<legend>Incident Board (Incidents in red are active)</legend>
<iframe class="incident-table" src="table.php" name="incident-table" width="100%" height="500px" style="border:0;"></iframe>
</fieldset>
</div>
<!-- End -->
事件板(红色事件处于活动状态)
当然,使用AJAX实现低带宽的最佳方法是使用JSON。尝试获取所有表格数据的JSON输出,每2秒触发一次AJAX调用以获取新数据并填充它
您的AJAX调用如下:
$.getJSON("path/to/php/json", function (data) {
$("table").find("#id_of_element").html(data.id_of_element);
});
可以返回表中的一行,如下所示:
{
"Incident": "",
"Town": "",
"Location": "",
"IncidentType": "",
"Time/Date": "",
"Admin": "",
"Delete Entry": ""
}
当这个缩小后,它会显示:
{"Incident":"","Town":"","Location":"","IncidentType":"","Time/Date":"","Admin":"","Delete Entry":""}
服务器开销将非常小 如果使用Apache进行“轮询”,请小心,因为您自己也可以轻松进行DDOS攻击。使用类似NGINX的东西可以更宽容,甚至可以对轮询部分使用node.js,让您“推送”更新而不是拉取更新。只有在表发生更改时才更新表谢谢。我以前从未使用过JSON,所以在实现它时可能需要一些帮助。我将把AJAX调用放在哪里?我在table.php中假设,对吗?关于
{“事件”:“城镇”:“地点”:“意外类型”:“时间/日期”:“管理员”:“删除条目”:“}
我该把它放在哪里?你还能帮我吗?@huth2349是的,我在办公室。给我几个小时。紧急吗?不,不紧急。只要你有时间就好。我只是需要一些关于如何将您的解决方案实现到我的代码中以及我应该把它放在哪里的帮助。非常感谢!我在这个问题上被难住了一段时间。我的解决方案总是导致页面最终因带宽使用过多而崩溃。
{"Incident":"","Town":"","Location":"","IncidentType":"","Time/Date":"","Admin":"","Delete Entry":""}