解析使用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

回答

相关问题