icanhaz.js问题

Question

我只是想在通过AJAX调用拉入的对象中显示一个项目列表。我想用icanhaz.js模板来显示它。

HTML：

<script id="trending" type="text/html">
      <li>
        <p>Name: {{ Trending.name }}</p>
      </li>
  </script>

<ul id="trending" class="span12">
    <li>Trending</li>
</ul>

JS：

$(document).ready(function(){
    $.ajax({
            dataType : 'jsonp',
            url      : 'https://s3.amazonaws.com/sxsw_trending/sxsw_trending.json',
            jsonp : "callback",
            jsonpCallback: "sxswTrending",
                success  : function (data) {
                            console.log(data.Trending);
                                var trendingArr = [];
                                         var trending;
                                         trending = ich.trending(data);
                                         $('#trending').append(trending);       

                                for (var i = 0, len = data.length; i < len; i++) {
                                         var trending;
                                         trending = ich.trending(data[i]);
                                         $('#trending').append(trending);

                                         trendingArr.push(data[i]);
                                }

               }

    });

});

拉取的数据如下: sxswTrending({"Restaurants":[]，“Bar”：[]，"Trending":{"id":"43582f80f964a520dd281fe3"，“name”：“全食超市”，"hereNow":12}，{"id":"440da323f964a52092301fe3"，“name”：“奥斯汀会议中心”，"hereNow":6}})

不确定我的挂机在哪里，我只是试图在每个名为Trending的对象中显示名称。

我也把它放到了JSFiddle上：http://jsfiddle.net/xtian/W6mMu/

Answer 1

我简化了你的代码，以说明如何修复它。

$(document).ready(function(){
    $.ajax({
        dataType      : 'jsonp',
        url           : 'https://s3.amazonaws.com/sxsw_trending/sxsw_trending.json',
        jsonpCallback : 'sxswTrending',
        success  : function(data) {      
                     for (var i = 0; i < data.Trending.length; i++) {
                        var trending = ich.trending(data.Trending[i]);
                           $('#trending').append(trending);
                     }
                   }                                    
    });
});

请参阅http://jsfiddle.net/adamzr/43WDa/