HTML5脫機支持以及如何與後端數據庫同步

我是HTML5新手，非常抱歉，如果我的問題聽起來很愚蠢。我想了解HTML5離線容量。 AIM開發的應用程序將數據保存在本地數據庫（瀏覽器）中，當應用程序聯機時，更改將發送到服務器進行同步，同樣本地數據庫將與遠程數據庫定期同步，或者服務器將更改推送到客戶端。我正在閱讀關於HTML5 Web數據庫，但我發現它已被棄用。還有一種可用的支持稱爲IndexDB。可以請任何人告訴我完成這個任務，我應該關注哪一個？到目前爲止是否可以使用HTML5？HTML5脫機支持以及如何與後端數據庫同步

來源

2012-07-25 Rajesh

因爲我不是100％確定你在做什麼。

以下是關於這些主題的一些高質量閱讀信息。

存儲：

Dive Into HTML5 Storage提供了很多關於localStorage的有用信息。

localStorage的工作方式爲key : value，所以它使用起來非常簡單而且很好用。

localStorage.setItem("key", "value"); 
localStorage.getItem("key");

離線緩存：

我會建議使用的appcache讀了。

Dive Into HTML5 Offline提供了很多有用的信息。

更新數據庫：

至於更新數據的基礎上，你將需要從client將數據發送到server這樣做的最簡單的辦法是讓你的服務器接受HTTP POST來自網頁。

看看jQuery POST。做到這一點的最佳方式可能是創建一個localStorage陣列，並將數組創建到服務器。你可以看看格式化爲JSON或XML等

你的網絡服務器在這裏將不得不接受HTTP POST，然後有邏輯來處理從客戶端提供的數據。例如：將其添加到/更新您的服務器端數據庫。

注意Dive Into HTML5現在是開源和GitHub

來源

2012-07-25 09:51:25 Sphvn

@ Marrowmaw..The存儲API有助於存儲數據作爲關鍵值對。這很好，但如何將這些數據與後端數據庫同步？建議使用websql/indexDB的 – Rajesh 2012-07-25 10:13:47

？ – Rajesh 2012-07-25 10:56:46

@Rajesh我已經更新了有關使用jQuery使用HTTP POST的一些信息的答案。您還需要WebServer才能處理這個問題，並使用您提供的數據更新您的服務器端數據庫。 – Sphvn 2012-07-25 10:57:27

HTML5脫機支持以及如何與後端數據庫同步

回答

相關問題