【问题标题】:angularjs localstorage against page refreshangularjs localstorage反对页面刷新
【发布时间】:2013-07-23 12:01:09
【问题描述】:

我正在使用 angularjs 执行几个步骤。用户总是有可能点击 F5 按钮并刷新页面。然后将删除使用 angular 收集的所有数据。我想避免这种可能性。

我考虑过为此使用本地存储和角度库,但到目前为止,我还不相信这是解决我的问题的正确途径。我的想法是正确的,还是有更好的办法来解决这个问题?

【问题讨论】:

  • 我不太明白你的问题。您究竟希望用户阻止什么?您不能禁用或阻止页面刷新。您可以在 appchache (html5rocks.com/en/tutorials/appcache/beginner) 和 local-storage 的帮助下让浏览器直接从缓存中加载数据,而不是发出新请求。但是你不需要 AngularJS 并且它对你没有帮助,特别是对于这个用例......
  • 取决于您要避免的问题,对我来说,我将关键细节添加到 URL 并使用这些细节从 url 重建页面
  • @DanEEStar,你是对的,当我再次阅读我的问题时,可能还不清楚。我希望我的用户保留以前甚至当前表单步骤的数据,即使他们刷新页面也是如此。我知道我也可以在填写完每个字段后向后端发送请求,但是请求的数量会很大,所以我认为这也不是一个好主意。

标签: javascript angularjs local-storage


【解决方案1】:

查看http://sisyphus-js.herokuapp.com/?utf8=%E2%9C%93&basic_form_country=USA&basic_form_name=hihi~&button=#advanced-sample 这是一个将表单数据保存在浏览器本地存储中的库。它非常易于使用,您可以选择保存所有输入字段,甚至可以从其他页面检索它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多