HTML5 离线支持以及如何与后端数据库同步

标签 html offline-caching offline-mode offline-browsing

我是 HTML5 的新手,如果我的问题对您来说听起来很愚蠢,我深表歉意。我想了解 HTML5 离线能力。 AIM是开发的应用程序将数据保存在本地数据库(浏览器)中,当应用程序在线时,更改将发送到服务器同步,类似本地数据库将定期与远程数据库同步或服务器将更改推送到客户端。我正在阅读有关 HTML5 网络数据库的信息,但我发现它已被弃用。还有一种称为 IndexDB 的可用支持。谁能告诉我完成这项任务我应该关注哪一个?截至目前,HTML5 是否可行?

最佳答案

因为我不是 100% 确定你在追求什么。

这里有一些关于这些主题的优质阅读信息。


存储:

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

localStorage 以 key : value 的方式工作,因此使用起来非常简单和友好。

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

离线缓存:

我建议阅读有关使用 appcache 的内容。

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


更新您的数据库:

至于更新数据库,您需要将数据从客户端发送到服务器,最简单的方法是让您的服务器接受一个来自网页的 HTTP POST

看看 jQuery POST .执行此操作的最佳方法可能是创建一个 localStorage 数组并将该数组POST 到服务器。您可以看看将其格式化为 JSON或 XML 等。

此处的 Web 服务器必须接受 HTTP POST,然后具有处理客户端提供的数据的逻辑。例如:将其添加到/更新您的服务器端数据库。


请注意 Dive Into HTML5现已开源并在 GitHub

关于HTML5 离线支持以及如何与后端数据库同步,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11646644/

相关文章:

jquery - 为什么我的 jQuery 切换只在一个方向上改变类?

html - 分离顶部和底部菜单容器

android - 如何在android应用程序中以在线和离线模式加载或检索网页?

html - 如何关闭 HTML5 离线缓存

php - Memcached - 如何处理添加/部署服务器

jquery - 使用 jQuery 离线数据存储和访问

javascript - 触摸pdf : same file is opened with different URLs

html - 解决 CSS 高度问题

javascript - 在 Service Worker 中预缓存生成的 Assets

google-maps-api-3 - react-native-maps 支持离线谷歌地图