使用jQuery在DIV中显示JSON对象

谁能告诉我这里做错了什么？ 我正在使用ESPN API检索JSON对象，但是我无法在HTML页面上的DIV中显示它。

我的jQuery

$.ajax({ type: "GET", dataType: "json", data: " ", url: 'http://api.espn.com/v1/sports/basketball/nba/teams/16?enable=stats,leaders&seasontype=2&_accept=text/json&apikey=XXXXX2457896', success: function(data) { $('#result').html(data); console.log('Load was performed.'); } }); 

我的归档JSON

  {
   “运动”：[
     {
       “名字”：“篮球”，
       “id”：40，
       “联盟”：[
         {
           “id”：46，
           “groupId”：7，
           “名字”：“国家篮球协会”，
           “缩写”：“NBA”，
           “团队”：[
             {
               “id”：16，
               “位置”：“明尼苏达州”，
               “名字”：“森林狼”，
               “缩写”：“MIN”，
               “color”：“0E3764”，
               “链接”：{
                 “api”：{
                   “团队”：{
                     “href”：“http://api.espn.com/v1/sports/basketball/nba/teams/16”
                   }，
                   “新闻”：{
                     “href”：“http://api.espn.com/v1/sports/basketball/nba/teams/16/news”
                   }，
                   “notes”：{
                     “href”：“http://api.espn.com/v1/sports/basketball/nba/teams/16/news/notes”
                   }
                 }，
                 “web”：{
                   “团队”：{
                     “href”：“http://espn.go.com/nba/team/_/name/min/minnesota-timberwolves?ex_cid=espnapi_public”
                   }
                 }，
                 “移动”：{
                   “团队”：{
                     “href”：“http://m.espn.go.com/nba/clubhouse?teamId=16&ex_cid=espnapi_public”
                   }
                 }
               }
             }
           ]
         }
       ]
     }
   ]
   “resultsOffset”：0，
   “resultsLimit”：50，
   “resultsCount”：1，
   “timestamp”：“2012-07-03T16：33：07Z”，
   “地位”：“成功”
 } 

请求工作正常，一切。 我只是无法弄清楚如何让数据出现在我的HTML页面上。我想我可以使用.html()属性，但我必须遗漏一些东西。

谢谢你的帮助..

Answer 1

这是一个jsfiddle 。

查看我获得JSON的JavaScript底部。 然后我使用点符号遍历对象并获取我需要的信息并输出它：

data.sports[0].leagues[0].teams[0].links.api这是你需要做的事情

 $.getJSON('/sports', function(data) { var links = data.sports[0].leagues[0].teams[0].links.api for(var key in links) { $('body').append('https://stackoverflow.com/questions/11315407/display-json-object-in-div-using-jquery/'+ links[key].href +'
'); } }); 

使用[0]是因为您在JSON中使用了数组。

Answer 2

将json包装在

块中，然后将其输出到页面上

Answer 3

data.sports[0].leagues[0].teams[0].links.api

这是你需要做的事情

 $.getJSON('/sports', function(data) { var links = data.sports[0].leagues[0].teams[0].links.api for(var key in links) { $('body').append('https://stackoverflow.com/questions/11315407/display-json-object-in-div-using-jquery/'+ links[key].href +'
'); } }