javascript - 使用 html5 localstorage 从服务器检索数据，允许编辑和附加到数据源，然后保存回服务器

Question

我正在创建一个标准的用户数据收集表单，供标准网络浏览器以及 iPhone 和 iPad 使用。该应用程序将允许用户创建新记录，以及编辑和删除现有记录。

我已经掌握了使用 html5 的“localstorage”创建客户端数据源的要点，并且正在寻找将现有数据从服务器获取到客户端数据源的方向，然后能够编辑或删除该数据，或将新记录附加到现有数据。最后，能够将更新后的数据保存回服务器。

这听起来很多，我知道。但我一直在浏览 html5 教程，似乎无法找到我正在寻找的东西。

Answer 1

既然您已经决定使用 HTML 5 的 localStorage，那么无论如何您都将使用 JavaScript。在那种情况下，我认为您应该使用 XMLHttpRequest 从服务器检索数据并将数据发送回服务器。网上有几个很好的介绍，比如 W3C Working Draft和 Apple's site , 关于 MDC和 MSDN .请搜索questions containing the AJAX tag .

顺便说一句，如果您只想在页面 session 期间存储数据(因此，您不必在几次页面访问之间在本地存储数据)，您还可以将数据存储在 JavaScript 数组/对象中。它们非常容易访问和操作。这种方法还具有更好的浏览器支持的优势(与 HTML 5 的 localStorage 和专有解决方案相反)。