jquery - 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":[],"Bars":[],"Trending":[{"id":"43582f80f964a520dd281fe3","name":"Whole Foods Market" ,"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/