Hello, I have a JSON data structure as shown below:
[{
"menu": "File",
}, {
"menu": "File1",
}]
I have created jQuery code to dynamically add the response to my HTML page like this:
$(document).ready(function () {
$.getJSON('data.json', function (data) {
var template = $('#personTpl').html();
var html = Mustache.to_html(template, data);
$('#sampleArea').html(html);
});
});
The Mustache template being used is displayed below:
<script id="personTpl" type="text/template">
<h1>{{menu}}</h1>
</script>
Your assistance would be greatly appreciated. Thank you.