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（{ 「餐廳」：[]， 「條」：[]， 「趨勢」：[{「id」：「43582f80f964a520dd281fe3」，「name」：「Whole Foods Market」，「hereNow」：12}，{「id」：「440da323f964a52092301fe3」，「name」：「Austin Convention Center」， 「hereNow」：6}]}）

不知道我掛斷的地方，我是m只是試圖在每個對象中顯示名爲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); 
        } 
        }          
    }); 
}); 

見