javascript - $.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);
    });

});

mustache 模板如下:

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

请帮忙

Answer 1

这应该是您的 JSON:

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