无法显示音乐API中的JSON数据

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (56)

我无法使用LastFM api显示搜索到的艺术家的顶部曲目来获取数据。api返回一个对象toptracks。我想从api数据中获取有关每个顶部曲目的详细信息。

我不确定我是否走在正确的轨道上。如果我做错了什么,有人可以看看并让我知道吗?

来自api的示例数据:

{"toptracks":{"track":[{ 
"name":"Best I Ever Had", 
"playcount":"3723430", 
"listeners":"1086893", 
"mbid":"00bde944-7562-446f-ad0f-3d4bdc86b69f", 
"artist":{ 
"name":"Drake","mbid":"b49b81cc-d5b7-4bdd-aadb-385df8de69a6", 
"url":"https://www.last.fm/music/Drake"}], 
"@attr":{"rank":"1"}} 
function renderTracks(trackArray) {

    function createHTML(track){
        return `<h1>${track.name}</h1>
                <h2>${track.artist[0]}</h2>
                <h3>${toptracks[1].rank}</h3> 
                <h3>${track.playcount}</h3>`;

    };

    trackHTML = trackArray.map(createHTML);

    return trackHTML.join("");

};





    var searchString = $(".search-bar").val().toLowerCase();
    var urlEncodedSearchString = encodeURIComponent(searchString); 

    const url = "lastFMwebsite" 

    axios.get(url + urlEncodedSearchString).then(function(response) {
    createHTML.push(response.data.track);
    $(".tracks-container").innerHTML = renderTracks(response.data.track);

})
提问于
用户回答回答于

这不是有效的JSON!

需要精确的格式数据

但是,如果数据是正确的

createHTML.push(response.toptracks.track[0])

or

let i = 0;
for(; i < response.toptracks.track.length; i++){
 createHTML.push(response.toptracks.track[i]);
}

扫码关注云+社区

领取腾讯云代金券