在 JavaScript (jQuery) 中为模板使用 HTML 片段

Question

我目前正在开发一个小应用程序，它从我的服务器请求用户信息并使用特殊模板显示它们。

一开始，我只是在 jQuery 中硬编码了小 sn-p：

 $("<li><div class='outer'><table><tr><td rowspan=2 class='imgcontainer'><img class='thumb'/></td><td><span class='username'/></td></tr><tr><td><span class='name'/></td></tr></table></div></li>")

我克隆了好几次。

它很难看，我希望它有语法高亮等等，所以我最好把它放在 HTML 文件本身中。

此外，它将使合并更容易，因此有人可以只更改一两行。

这有模式吗？我可以将它放入包含此 JS 的 HTML 文件中（只有一个），并使用 CSS 将其隐藏。

我想到的第三个选项是创建一个单独的 HTML 文件，并从服务器发出 jQuery 请求以使其保持独立。这种技术用的多吗？

另外，我可以用什么词来描述我在做什么？ （对于一个我不知道名称的概念提出问题比较困难）

Answer 1

我在SO earlier today 上给出了类似的答案。您正在寻找的是所谓的微模板。 John Resig 发布this on his blog。本质上，您可以获取 json 数据集并将模板应用于数据以创建 html 并更新 DOM。