解析使用JQuery

這個JSON文件這是我發現的，而拖網BBCS API網站解析使用JQuery

http://cdnedge.bbc.co.uk/nol/ukfs_news/hi/front_page/ticker.json的JSON

我想將這些條目爲有序列表中的

<div id="news"> 
    <ul> 
    <li><a href="'http://news.bbc.co.uk'+ entries.url +"><span class="+isBreaking+" entries.headline</span></a></li> 
    <li>...repeat for each entry</li> 
    </ul> </div>

形式

我已經閱讀了很多教程，但我無法弄清楚我的變量在Tuts中的匹配位置，如果有人會如此善良以至於指出我的缺陷將會很好。

這是我下面的腳本，是我重視jQuery的1.3.2.min.js高於此：d

此版本不包括錨/ SPAN，我想，但他們都沒有重要的，就像我正在從事的數字標牌項目一樣，同時還有工作經驗。

<script> 
    $(document).ready(function() { 

     var url = "http://cdnedge.bbc.co.uk/nol/ukfs_news/hi/front_page/ticker.json?count=3&callback=?"; 
     $.getJSON(url, function(entries){ 
      $.each(entries, function(i, item) { 
       $("#news ul").append("<li>" + item.headline + "</li>"); 
      }); 
     }); 
    }); 

</script>

乾杯

來源

2009-11-03 James Hall

的問題是，你有條目上方的根級別的元素。通過將返回調用設置爲函數（條目），您意味着JSON僅返回條目參數，這不正確。您可以通過修改傳遞給回調函數的參數，並從那裏訪問實體集合，像這樣解決這個問題：？

<script> 
    $(document).ready(function() { 

     var url = "http://cdnedge.bbc.co.uk/nol/ukfs_news/hi/front_page/ticker.json?count=3&callback=?"; 
     $.getJSON(url, function(data){ 
       $.each(data.entries, function(i, item) { 
         $("#news ul").append("<li>" + item.headline + "</li>"); 
       }); 
     }); 
    }); 

</script>

來源

2009-11-03 16:54:43

購買那個人虛擬啤酒... 刪除「經過數= 3＆callback =？「從它第一次工作的請求URL。現在我可以添加BBC的最新消息到我的數字標牌項目W00T！ – 2009-11-03 17:02:02

<script> 
    $(document) 
      .ready(
        function() { 
         var url = "ticker.json"; 
         $.getJSON(url, function(object) { 
          $.each(object.entries, function(i, item) { 
           $("#news").append(
             "<li>" + item.headline + "</li>"); 
          }); 
         }); 
        }); 
</script>

來源

2012-05-25 08:12:19 Harish

解析使用JQuery

回答

相關問題