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

标签 javascript ajax html

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

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

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

最佳答案

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

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

关于javascript - 使用 html5 localstorage 从服务器检索数据,允许编辑和附加到数据源,然后保存回服务器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2755632/

相关文章:

php - 使用 Ajax 和 Laravel 5.6 上传多个图像

javascript - 如何使 focus() 在显示的 DOM 元素之前工作

javascript - 是否可以从工作人员那里调用 SubtleCrypto 方法?

javascript - 使用 Material UI react 自动完成

asp.net - 类似于 ASP.Net AjaxPro 的框架

javascript - 在 Javascript 中如何获取相对于页面而不是相对于屏幕的鼠标坐标?

javascript - xml.setRequestHeader 失败,出现 SYNTAX_ERR : DOM Exception 12

ajax - 带有部分 ajax 加载 View 的 NodeJS MVC 框架

html - 页面上半部分的链接无效

移动到外部 .js 文件时 JavaScript 不工作