2013-02-06 22 views
0

我只是试图显示一个对象内的列表,我拉着一个AJAX调用。我想用icanhaz.js模板来显示它。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/

回答

0

我简化了你的代码,来说明如何解决它。

$(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); 
        } 
        }          
    }); 
});