html中引用前端模板引擎:Handlebars

html代码

<script src="./js/handlebars-1.0.0.beta.6.js"></script>

<script type="text/template" id="myTemplate">
    <div class="demo">
        <h1>{{name}}</h1>
        <p>{{content}}</p>
    </div>
</script>

js代码

//用jQuery获取模板
var tpl   =  $("#myTemplate").html();
//预编译模板
var template = Handlebars.compile(tpl);
//匹配json内容
var html = template(data);
//输入模板
$('#box').html(html);

如果是需要循环拿取结果的某个值的话，只需要在html的中>添加{{#each result}}
html代码

<script type="text/template" id="myTemplate">
{{#each result}}
    <div class="demo">
        <h1>{{name}}</h1>
        <p>{{content}}</p>
    </div>
</script>