如何正确定位Spotify API中的数据？

Question

我想让艺术家的名字出现在我创建的叠加层上，我如何正确定位代码才能访问它？ as，data.artist [0] .name不起作用？

// Get the Album Information from the API to show on the overlay 

    function albumInformation(data){ 

    var infoHTML = '<ul id="data">'; 

    $.each(data.tracks, function(i, data){ 
     infoHTML += '<li class="albumInfo">'; 
     infoHTML += '<p' + data.artist[0].name + '"></p>'; 
     infoHTML += '</li>'; 
    }); // closes each 

    infoHTML += '</ul>'; 

    $.getJSON(spotifyURL, albumData, albumInformation); 

     $(lightboxOverlay).append(infoHTML); 

Spotify的API信息

{ 
    "tracks" : [ { 
    "album" : { 
     "album_type" : "album", 
     "artists" : [ { 
     "external_urls" : { 
      "spotify" :  
     "https://open.spotify.com/artist/3WrFJ7ztbogyGnTHbHJFl2" 
     }, 
     "href" : "https://api.spotify.com/v1/artists/3WrFJ7ztbogyGnTHbHJFl2", 
     "id" : "3WrFJ7ztbogyGnTHbHJFl2", 
     "name" : "The Beatles", 
     "type" : "artist", 
     "uri" : "spotify:artist:3WrFJ7ztbogyGnTHbHJFl2" 
     } ], 
     "available_markets" : [ "CA", "MX", "US" ], 
     "external_urls" : { 
     "spotify" : "https://open.spotify.com/album/0ETFjACtuP2ADo6LFhL6HN" 
     }, 
     "href" : "https://api.spotify.com/v1/albums/0ETFjACtuP2ADo6LFhL6HN", 
     "id" : "0ETFjACtuP2ADo6LFhL6HN", 

Answer 1

你缺少的album级别的数据。为了从你需要以下有效载荷访问艺术家的名字：所以

data.tracks[0].album.artists[0].name; 

在你$.each代码的情况下这将是：

$.each(data.tracks, function(i, track){ 
    infoHTML += '<li class="albumInfo">'; 
    infoHTML += '<p' + track.album.artists[0].name + '"></p>'; 
    infoHTML += '</li>'; 
});