javascript - 如何在基于 AJAX 的繁重网络应用程序中存储模板

Question

我目前正在研究基于 AJAX 的重型 Web 应用程序的概念。

客户端和服务器之间的通信应该基于 JSON，而不是纯 HTML。所以我想知道如何存储单独部分的模板以及如何通过 javascript 获取它们。

例如，我有一个多图像上传表单。用户提交并通过 JSON 响应，我得到专辑的标题和图像的 src 路径。我想显示来自该 JSON 的完整照片流。

我从来没有构建过我想知道的东西，所以我试图在实际编程出现之前做好准备。

有没有好的 JS 模板库？我可以在 AJAX 调用之后加载模板，还是需要在第一个页面加载时加载每个模板？

Answer 1

• 按需加载模板。这可以节省带宽、内存空间以及 HTTP 请求。
• 您可以将它们加载为纯 HTML 或以 JSON 包装的一组模板。
• 缓存它们。如果模板存在，您应该有某种缓存逻辑来首先检查您的本地缓存（localStorage、页面上的 JS 对象等）。否则，从服务器请求它。

我建议使用Mustache作为模板。至于存储，我建议使用PersistJS。对于缓存逻辑，自己构建一个。