使用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增量數據在客戶端上生成圖形。