javascript - 基于浏览器的远程资源缓存

Question

我的服务器上有两个 REST-ful 资源：

/someEntry/{id}
Response:
{
    someInfoAboutEntry: ...,
    entryTypeUrl: "/entryType/12345"
}

和

/entryType/{id}
Response:
{
    someInfoAboutEntryType: ...
}

entryTypeUrl用于从不同的 URL 获取有关此条目类型的附加数据。它将绑定到每个条目附近的一些“详细信息”按钮。可以有很多（比如说 100 个）条目，而只有 5 种类型（所以大多数条目指向相同entryTypeUrl的 .

我正在构建一个 Javascript 客户端来访问这些资源。我应该在我的 Javascript 代码中缓存entryType结果，还是应该依靠浏览器为我缓存数据并在每次用户单击“详细信息”按钮时发送 XHR 请求？

据我所知，这两种方法都应该可以正常工作。第二个（总是分派请求）将产生更清晰的代码。我应该坚持下去，还是有一些我不知道的地方？

提前致谢。

score 1 · Accepted Answer

我肯定会让浏览器管理缓存，而不是自己编写自定义缓存层。

这样，您编写和维护的代码就更少了，并且您允许服务器（通过其 HTTP 标头）指示是否应缓存响应。如果您编写自己的缓存代码，您将删除重新获取陈旧数据的能力 - 您可以从浏览器免费获得。

1 回答 1