在Mustache Js中使用ajax获取模板

Question

为了连接HTML标签和动态数据，并将生成的UI标记插入DOM，我使用的是Mustache Js。

以下是示例代码。

main.blade.php：

$.getJSON('json/data2.json', function(data) {
var template = $('#personTpl').html();
var html = Mustache.to_html(template, data);
$('#sampleArea').html(html);
});

模板在index.html中定义如下：

<script id="personTpl" type="text/template">
<h1>{{firstName}} {{lastName}}</h1>
<p>Blog URL: <a href="{{blogURL}}">{{blogURL}}</a></p>
</script>

根据上面的代码，我们在main.blade.php页面中包含index.html（模板）页面。可以使用ajax访问index.html（模板）页面并附加当前页面中的数据。

通过这种方式，我可以轻松维护代码，并在需要时包含index.html（模板）。