0

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}]}）

電話を切る場所がわからないので、トレンドと呼ばれる各オブジェクトに名前を表示しようとしています。

私はそれをJSFiddleにも載せました：http：//jsfiddle.net/xtian/W6mMu/

4

1 に答える 1

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

http://jsfiddle.net/adamzr/43WDa/を参照してください

于 2013-02-06T23:18:36.447 に答える