开发者社区> 问答> 正文

刚接触 Handlebars 问下如何将 Ajax 的数据与外部 Handlebars 模板绑定,然后再插入到页面中~

//- 模板文件
menu.hbs

<h3>{{title}}</h3>
<div>{{content}}</div>

{{/each}}

//- JSON数据
menu.json
[{

"title": "统计报表",
"content": "统计报表的内容~"

},{

"title": "活动统计",
"content": "活动统计的内容~"

},{

"title": "店铺统计",
"content": "店铺统计的内容~"

}]

//- 页面入口文件
index.html

我自己的思路是这样子的,我先 ajax 请求加载进来 json 数据,成功之后,再 ajax 请求 Handlebars 模板,再用前的 json 数据与 模板进行绑定,最后插入到页面中~

展开
收起
a123456678 2016-07-29 12:11:59 2386 0
1 条回答
写回答
取消 提交回答
  • $.when(/请求数据/, /请求模板/).done(function(a1, a2){
    // 预编译,加入数据,插入dom
    });

    2019-07-17 20:01:50
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JS 语言在引擎级别的执行过程 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载
探究 Node.js 的服务端之路 立即下载