如何在html中創建數據模板

Question

我是JS，html初學者，並試圖瞭解如何定義/創建數據對象的html表示。

說我有一個人的列表（例如JSON），其中每個人都有以下屬性：firstName，lastName，age，photo，description。

你通常會如何在html中顯示這個列表？

我假設某個地方是一個div佔位符的名單，然後在JS中填充，但我不知道如何定義該人本身的模板。

有沒有推薦的方法做這種事情？

如果有人能給我看一個很棒的例子。

Answer 1

有大量的模板框架，例如：

• jQuery Templates
• Mustache
• Knockout（我個人最喜歡的 ）

Answer 2

查看http://handlebarsjs.com/的開頭。這將把你的json和你想要的格式。

您也可以使用jQuery Ajax方法，然後循環遍歷結果並生成HTML。

Answer 3

還有http://code.google.com/p/distal對於初學者。它有一個HTML編碼器熟悉的語法。

<div data-qtext="obj.firstName"></div>