ajax - 显示 localStorage 缓存中的数据，然后使用服务中的 AJAX 结果进行更新

Question

我有一个可返回产品列表的 RESTful Web 服务。我有一个 Angular 应用程序通过 Ajax 调用此服务。我想做的是:

• 检查产品列表是否在 localStorage 中，如果是，则将其显示在屏幕上，然后在后台进行 Ajax 调用，并在该服务返回时刷新屏幕。

实际上，我想要一种首先从 localStorage(我的缓存)加载和显示的方法，然后在返回后将其替换为服务中的最新数据(并更新缓存)。

我想首先加载并显示 localStorage 中的数据，因为如果用户处于离线状态，那么显然 Ajax 请求将无法完成，并且我希望此应用程序在用户没有互联网连接时运行。

你会如何在 Angular 端实现这个？我正在查看 $q 和 promise ，但不确定如何让它“解决”两次......

Answer 1

我建议使用一个简单的服务，从您的服务器加载一个文件来表示该应用程序处于在线状态，直到加载该文件为止，您的应用程序处于离线状态，因此您不会首先进行 Ajax 调用，也许有鉴于了解应用 session 状态的重要性，该服务会轮询您的服务器。