$ .getjson无法将数组对象附加到html

Question

我的json数据如下所示

[{
    "menu": "File",
}, {
    "menu": "File1",
}]

我已经编写了jquery代码来将响应附加到html，如下所示

$(document).ready(function () {
    $.getJSON('data.json', function (data) {

        var template = $('#personTpl').html();
        var html = Mustache.to_html(template, data);
        $('#sampleArea').html(html);
    });

});

小胡子模板如下：

<script id="personTpl" type="text/template">
    <h1>{{menu}}</h1>
</script>

请帮忙

Answer 1

这应该是你的JSON：

[
  {
     "menu": "File"
  },
  {
     "menu": "File1"
  }
]

Answer 2

您的模板应该遍历JSON：

<script id="personTpl" type="text/template">
 {{#data}}
   <h1>{{menu}}</h1>
 {{/data}}
</script>