使用jQuery的网页上的实时数据

Question

我想要一个不断更新新数据的图形的网页。 通常，您拥有的所有数据都会在请求开始时传递到页面。 但是，我需要页面能够每隔几秒钟更新一次新信息以重绘图形。

背景

该网页将类似于此http://www.panic.com/blog/2010/03/the-panic-status-board/ 。 输入的数据将由Arduino测量的温度值绘制成图表，并保存到Django数据库中（这部分已经完成）。

更新资料

听起来解决方案似乎是使用jQuery.ajax()函数（ http://api.jquery.com/jQuery.ajax/ ）和.complete回调函数，该函数将在几秒钟后安排另一个请求到将以JSON格式返回数据的URL。

该方法如何安排？ 使用.delay()函数？

Answer 1

因此，该页面必须执行url参数设置为服务器URL的定期jQuery.ajax调用，其中要获取最新的最新数据信息（可能只是从客户端获得信息的最后一刻起的增量增量，客户端可以发送该即时消息作为Ajax调用中的查询参数），最好以JSON形式提供。 异步请求完成时的回调可以将未来的ajax调用安排在未来几秒钟，然后重新绘制图形。

在服务器端，您正在使用Django，这一事实似乎并不那么重要-服务器毕竟只需要将一堆数据格式化为JSON并将其发送回去。

Answer 2

如果数据是由即时图形组成的，则可以通过Django提供它们（以gif，png或任何其他图形格式），然后分别重新加载每个页面，甚至一次重新加载所有页面。

它取决于负载和性能要求，但是您可以开始简单地重新加载所有页面，然后在必要时使用AJAX仅重新加载每个特定部分（使用更新的jQuery或prototype非常容易实现）。 如果期望大量数据，则应更改为仅使用JSON增量数据在客户端上生成图形。