使用javascript保持傳輸最小化

Question

有沒有人曾經使用傳回系統說一些JSON數據並使用JavaScript例程生成HTML以節省帶寬？

有什麼方法，有沒有可用的模板系統？

Answer 1

以John Resig的JavaScript Micro-Templating開頭。

Answer 2

有些人喜歡它，有些恨它，但你可以在你的基礎的應用程序包中創建一個字符串形式的HTML模板（例如，包括在主要頁面的js文件。）

var fooTemplate = "<div class='%div_class_parent%'>"+ 
        "<div class='%div_class_child%'/>"+ 
        "</div>"; 

，那麼你只使用innerHTML方法將其加載到現有的DOM節點中。

document.getElementById('someNode').innerHTML = parseFooTemplate(); 

其中parseFooTemplate返回fooTemplate與正確的數據替換了%%元素從JSON返回。

這只是許多方法之一。 dojo工具包有自己的方式，在小部件的幕後可以有一個HTML模板。這裏列舉的方法太多了。

Answer 3

要生成基於JSON的HTML，您將需要一些模板引擎的JavaScript
我會推薦Zparse模板引擎http://code.riiv.net/zparse/它真的很棒 - 我使用它很多。

最好的部分 - 您可以通過聲明自己的標籤來輕鬆擴展它。