如何在基於AJAX的沉重Web應用程序中存儲模板

Question

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

客戶端和服務器之間的通信應該基於JSON，而不是純HTML。所以我想知道如何爲單獨的部分存儲模板以及如何通過javascript獲取它們。

例如我有一個多圖像上傳表單。用戶提交併使用JSON響應，我找回相冊的標題和圖像的src路徑。我想顯示來自該JSON的完整照片流。

我從來沒有建立類似的東西我想知道的，所以我想實際的編程來之前做好準備。

是否有良好的JS模板庫？我可以在AJAX調用之後加載模板，還是需要在第一頁加載時加載每個模板？

Answer 1

• 按需加載模板。這可以節省帶寬，內存空間以及HTTP請求。
• 您可以將它們加載爲純HTML或用JSON封裝的一堆模板。
• 緩存它們。如果模板存在，您應該有一些緩存邏輯來首先檢查本地緩存（localStorage，頁面上的JS對象等）。否則，請從服務器請求它。

我建議使用Mustache進行模板化。至於存儲方面，我建議使用PersistJS。爲了緩存邏輯，你自己創建一個。