Javascript 使用Mustache.js呈现JSON响应中的值列表

我使用Mustache.js格式化来自jQuery getJSON（）请求的响应。getJSON请求获取图像名称的列表。打电话时，我想在现有内容的末尾显示一系列这些图像

返回的JSON如下所示：

[
  {"id":{"_time":1351063373,"_machine":56912161,"_inc":1690583039,"_new":false},"url":"5.jpg","tags":[]},
  {"id":{"_time":1351063237,"_machine":56912161,"_inc":1690583038,"_new":false},"url":"Repinzle-Logo.png", "tags":[]},
  {"id":{"_time":1351063186,"_machine":56912161,"_inc":1690583037,"_new":false},"url":"21.jpg","tags":[]}}
]

<script type="text/javascript">
    var imageNum=20;
    var imageCount=0;

    function getMoreImages(){
        imageCount=imageCount+imageNum;
        $.getJSON("/getImages", { start: imageNum, count: imageCount },
            function(data){
            $.each(data, function(key, val) {
                // do stuff with val.url

                var url = val.url;
                var template = $('#item-tpl').html();
                var newitem = Mustache.to_html(template, url);
                    $('#main').append(newitem);
                });     
              });
    }
</script>

我正在用每个函数解析它。。。我的AJAX请求（使用jQuery时如下所示）：

var-imageNum=20；
var-imageCount=0；
函数getMoreImages（）{
imageCount=imageCount+imageNum；
$.getJSON（“/getImages”，{start:imageNum，count:imageCount}，
功能（数据）{
$。每个（数据、函数（键、值）{
//使用val.url做一些事情
var url=val.url；
var template=$（'#item tpl'）.html（）；
var newitem=Mustache.to_html（模板，url）；
$（'#main'）。追加（newitem）；
});     
});
}

下面是mustache.js模板

<script id="item-tpl" type="text/html">
    <div><img src="https://myurlstem.com/mydir/{{url}}" class="item"></div>
</script>

---

据我所知，我已正确设置了所有内容，但由于某些原因，

url

未正确发送到模板。

您需要将对象传递给

to_html

方法

var newitem = Mustache.to_html(template, { url: url });

---

通常，我认为你会通过你的整个模型或集合

除了Url变量永远不会被呈现外，一切都正常。稍后我将传递整个列表，我只想让一个简单的版本正常工作。我认为url和url可能有冲突，已经更改了名称。遇到一些与此问题无关的奇怪错误，将进行整理并报告。