JSON을 HTML로 작성하기

저는 실제로 API를 사용하고, JSON 데이터를 가져 와서 실제로 HTML 파일에 던져서 결과를보기 좋게 만듭니다.JSON을 HTML로 작성하기

나는 HTML/CSS/jQuery에 능숙하다. 하지만 이것은 jQuery로 깊이는

이것은

"current_observation": { 
    "image": { 
    "url":"http://icons-ak.wxug.com/graphics/wu2/logo_130x80.png", 
    "title":"Weather Underground", 
    "link":"http://www.wunderground.com" 
    }, 
    "display_location": { 
    "full":"Bowling Green, KY", 
    "city":"Bowling Green", 
    "state":"KY", 
    "state_name":"Kentucky", 
    "country":"US", 
    "country_iso3166":"US", 
    "zip":"42101", 
    "latitude":"37.02899933", 
    "longitude":"-86.46366119", 
    "elevation":"154.00000000" 
    }

내가이 display_location 그에서 볼 수있는 나는 날씨 지하의 API에서 다시 얻고 JSON 데이터의 예입니다 (내가 기초를 할 수있는) 것 같다 current_observation 안에 있습니다.

나는 빼고 그래서 여기 (실제로 더 많은 정보를 싶지,하지만 난이 내려 후 나는 나머지를 처리 할 수있는 것 같은 느낌.)

가 내 웹 사이트에 H1으로 full를 표시하려면 내가 현재 가지고있는 :

<!DOCTYPE HTML> 
<html> 
    <head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    </head> 
    <body> 
     <section id="area"></section> 
    </body> 
    <script type="text/javascript"> 
     $().ready(function(){ 
      $.getJSON("http://api.wunderground.com/api/[MY API KEY]/conditions/q/autoip.json", 
      function(data){ 
       $.each(data){ 
        content = '<h1>' + json.current_observation.display_location.full + '</h1>'; 
        $(content).appendTo("#area"); 
       }); 
       }); 
      }); 
    </script> 
</html>

이 작동하지 않습니다 : -/

어떤 도움이 아주 좋습니다.

출처

2012-05-24 Clay_Cauley

찾는 위치 :

이

content = '<h1>' + json.current_observation.display_location.full + '</h1>';

json가 ?? 무엇을 가리키는가 또한 $.each(data){ 구문이 잘못되었습니다. docs을 참조하십시오. 귀하의 each 루프는 아마 반환 data 질문에 포함되어 그와 같은 객체의 배열 인 경우 작동하는

$.each(data, function(i, json) { 
    content = '<h1>' + json.current_observation.display_location.full + '</h1>'; 
    $(content).appendTo("#area"); 
});

처럼 보일 것입니다. 당신은 console.log(data) 그 형태를 볼 수 ... 당신은 each 루프를 제거하고 단지이 잘못

content = '<h1>' + data.current_observation.display_location.full + '</h1>';

출처

2012-05-24 16:34:06 paislee

감사합니다. 나는 또한 URL의 끝에 무언가를 놓치고 있었지만 이것이 도움이되었다. 감사합니다 톤! 투표를 시도했지만 충분히 높지는 않았습니다. –

@Clay_Cauley 기꺼이 도와 드리겠습니다. +1 기회가 생기면 – paislee

알겠습니다. 다 끝났어. 다시 한번 감사드립니다. –

-1

쓸데없는 괄호 인 것 같습니다. 시도 : 이것

$().ready(function(){ 
     $.getJSON("http://api.wunderground.com/api/[MY API KEY]/conditions/q/autoip.json", 
     function(data){ 
      $.each(data){ 
       content = '<h1>' + json.current_observation.display_location.full + '</h1>'; 
       $(content).appendTo("#area"); 
      } // Change here 
      }); 
     });

출처

2012-05-24 16:29:03 Olwaro

사용할 수 있습니다합니다. 'Uncaught SyntaxError : Unexpected token {' – paislee

당신 말이 맞아요. ');가 정확했다. 두 번째 매개 변수로'function (i, json)'이 누락되었다. 미안합니다. – Olwaro

확인. 그것을 고쳐 주시기 바랍니다, 그리고 내가 downvote – paislee

JSON을 HTML로 작성하기

답변

관련 문제