Trimpath JavaScript 是个轻量级的，基于JavaScript的，跨浏览器，采用APL/GPL开放源代码协议的，可以让你轻松进行基于模板编程方式的纯JS引擎。新浪的评论系统使用的就是此模板。

1、需要在页面头部引用trimpath.js文件

<script type="text/javascript" src="/js/lib/template.js"></script>

2、引用完成页面将会创建一个TrimPath对象。

var trimPathString = TrimPath.processDOMTemplate("TemplateId", jsonData);

其中TemplateId是DOM对象的一个页面模板，通常会用一个隐藏的<textarea>标签，processDOMTemplate 将json对象的数据通过模板解析成一个最后的字符串trimPathString。

3、通过页面元素ID的innerHTML或jQuery的html输出解析的字符串。

$("elementId").html(trimPathString);

4、隐藏的textarea标签模板：

<textarea id="taDetail" class="hide">
{for i in data}
   <dl>
      <dt>${i.DetailName} </dt>
   <dd>
   {if i.Stars==null}
      新产品，暂时没有评分
   {else}
      客户评分：$ {i.Stars}（总分5分）
   {/if}
   </dd>
   </dl>
{/for}
</textarea>

5、可以通过jQuery的ajax请求等方式获取json数据。得到的json数据格式一般如下：

    var data = [
        { DetailName: "戒指", Stars: "4.8" },
        { DetailName: "手镯", Stars: "4.9" },
        { DetailName: "吊坠", Stars: "4.8" },
      ];

6、请求的js代码：

$.ajax({
  type: "GET",
  url: "/product/ListDetail/" + $(pid).attr("id"),
  success: function (data) {
    var trimPathString = TrimPath.processDOMTemplate("taDetail", data);
    $(pid).html(trimPathString);
  },
  error: function () {
    $(pid).html("出错");
  }
});