JQuery와

Question

사용하여이 JSON 파일을 구문 분석이 내가 BBCS의 API 사이트

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> 

의 형태로 정렬 된 목록에 이러한 항목을 설정하고 싶습니다

많은 튜토리얼을 읽었지만 내 실수가 위대한 것이라고 지적 할만큼 친절한 사람이라면 내 변수가 어디에서 일치하는지 파악할 수 없습니다.

이 아래 내 스크립트, 그래 나는이 이상 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> 

건배

Answer 1

문제는 당신이 항목 위의 루트 레벨 요소를 가지고있다. 반환 호출을 함수 (항목)로 설정하면 JSON이 참이 아닌 entries 매개 변수 만 반환한다는 것을 의미합니다. 당신과 같이 콜백 함수에 전달 된 인수를 수정하고 거기에서 개체 모음에 액세스하여이 문제를 해결할 수 있습니다 :

<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> 

Answer 2

<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>