如何在基于AJAX的沉重Web应用程序中存储模板

Question

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

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

例如我有一个多图像上传表单。用户提交并使用JSON响应，我找回相册的标题和图像的src路径。我想显示来自该JSON的完整照片流。

我从来没有建立类似的东西我想知道的，所以我想实际的编程来之前做好准备。

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

Answer 1

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

我建议使用Mustache进行模板化。至于存储方面，我建议使用PersistJS。为了缓存逻辑，你自己创建一个。