用 JSON 数据填充静态 HTML 页面答案

【问题标题】：Filling static HTML page with JSON data用 JSON 数据填充静态 HTML 页面
【发布时间】：2014-01-27 20:30:13
【问题描述】：

我正在寻找一个好的模板库，它允许我用一些 JSON 格式的变量填充静态 HTML 页面 - 使用 javascript。只有少数变量会发生变化，其中一个可能在<title></title>

理想情况下，我正在寻找类似的东西：

<div>
    Name: {name} is currently {age} years old
</div>

然后只需能够通过 JSON 提供姓名和年龄的值，并动态填充值。

有没有人知道可以很好地运行的库？

提前致谢。

【问题讨论】：

标签： javascript html json templates

【解决方案1】：

Handlebars.js 使用起来相当简单

<div class="entry">
  <h1>{{title}}</h1>
  <div class="body">
    {{body}}
  </div>
</div>

查看他们的docs

【讨论】：

【解决方案2】：

为什么不只使用 jQuery？

http://jsfiddle.net/chace/NF496/7/

var someJSONName = "Jimmy"
var someJSONAge = "32"

$("#myContent").click(function () {
    $("#myContent").effect("highlight", 1500);
    $("#myContent").text("Name: " + someJSONName + " is currently " + someJSONAge + " years old.");
});

【讨论】：

【解决方案3】：

也看看 AngularJS。如果您正在处理可能在页面生命周期内发生变化的大型数据集，则尤其适合。

文档：http://angularjs.org/

【讨论】：