首页 文章

如何在脱机工作时将数据写入和更新HTML5缓存网页?

提问于
浏览
0

在我写的应用程序中,用户通过在线表单捕获有关某人的信息 . 当他们完成表格后,他们会保存工作,在会话中多次重复此过程 . 当他们点击“保存并结束会话”时,会返回他们刚刚保存的几个人员实例的列表,所有数据都保存到服务器 .

我希望在离线应用中复制此功能 . 使用HTML5我理解如何缓存页面,以及如何使用原始Javascript(或者Angular.js缓存)将JSON表单数据存储在localStorage中 .

但是,是否可以在离线时使用缓存数据动态更新缓存的网页?例如,如何将缓存的表单数据写入列表页面的缓存副本,在刚脱机会话期间使用刚刚生成的数据更新该页面?

我找不到这个问题的答案 . 所有建议都非常感谢!

1 回答

  • 1

    如果我理解正确,您希望在离线时动态更新html视图 . 如果您使用的是Angular,这非常简单 .

    你只需要缓存JS控制器,而不仅仅是html文件(在_1575065中设置它) . 该页面将具有与在线应用程序相同的功能 .

    但是,如果要在脱机时将存储的脱机数据发送回服务器,则可以编写一个简单的代码:

    • 将参数保存在localStorage中,该参数将标记在运行在线/离线应用程序时是否保存了数据(您可以通过向应用程序的现有部分发送AJAX请求来识别onine / offline,该部分不可离线使用(因此未缓存) ))

    • 当应用程序运行然后在线模式时,它将收集离线存储的所有数据并将其发送到服务器

相关问题