我有一个JSON对象数组,现在想知道如何在Mustache.js中展示它们。这个数组的长度和内容都是可变的。
例如:
[ Object { id="1219", 0="1219", title="Lovely Book ", url= "myurl} , Object { id ="1220" , 0="1220 , title "Lovely Book2" , url="myurl2"}]
我已经尝试过:
$.getJSON('http://myjsonurl?type=json', function(data) {
var template = $('#personTpl').html();
var html = Mustache.to_html(template, data);
$('#test').html(html);
以及模板:
<script id="personTpl" type="text/template"></script>
但是这并没有显示任何内容。
我尝试将JSON放入一个数组中,然后直接使用
products[1]
这样的方式访问它:$.getJSON("http://myjsonurl?type=json", function(json)
{
var products = [];
$.each(json, function(i, product)
{
var product =
{
Title:product.title,
Type:product.type,
Image:product.image
};
products.push(product);
;
});
var template = "<h1>Title: {{ Title }}</h1> Type: {{ Type }} Image : {{ Image }}";
var html = Mustache.to_html(template, products[1]);
$('#json').html(html);
});
这将显示一条记录,但我如何迭代它们并显示所有记录?