javascript - 使用更新的数据重新渲染 Handlebars 模板

标签 javascript jquery handlebars.js

{{#each dogs}}
<li>{{this.name}}</li>
{{/each}}

想象一下,我使用 ajax 来更新上面的列表,完成后如何重新编译模板?我可以执行 location.reload() 但这对用户体验不利。由于我使用的是 Handlebars ,所以我不应该使用 jquery 生成 html 并更新 DOM。

最佳答案

您可以使用 Handebars.compile(data) 方法重新编译模板,次数不限。 谁说使用 Handlebars 时不能使用 jQuery 生成和更新 DOM?

但是,您不需要重新编译(感谢@dandavis!)来更新数据。这是一个小演示,它编译 Handlebars 模板一次,然后在每次新的 Ajax 调用之后更新模板数据并使用 jQuery 将其附加到 DOM 上:JSFiddle Demo

关于javascript - 使用更新的数据重新渲染 Handlebars 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34487156/

相关文章:

javascript - 我怎样才能让我的包含功能发挥作用?

jquery - 如何让弹窗每隔一定时间只出现一次

node.js - 如何在 Node js-Express中生成错误时保留表单数据

javascript - 无法从通过 php 发送的 ajax 响应更新 div 文本

javascript - Userscript 不会取消对某些页面上文本输入的关注

javascript - 将 Parquet 转换为常规 TXT 文件的最快方法是什么?

PHP 还是 JS 模板引擎? (对于同一 html 的多个 block )

javascript - Canvas 在 IoS 移动设备上无法正常工作

javascript - Bootstrap typeahead 建议链接与 jquery 单击不起作用

node.js - 使用 GET 请求在主页上显示用户信息的最佳实践