Javascript SpotifyAPI结果Ajax

在图像中，我有代码只显示第一个元素（歌曲、图像、艺术家等…）。 我想知道如何让它向我展示：

• 当用户单击该按钮时，显示一个包含所有 以前执行的轨迹搜索的结果
• 当用户单击其中一个曲目名称时，使用 那首歌的信息，包括它的音频

按钮已创建

$('#song_btn').on('click', function Search_Song (event) {
event.preventDefault();
var song = $('#song_input').val();
var request = $.get('https://api.spotify.com/v1/search?q=' + song +'&type=track'); 
function Data_Songs (song) {
    var track = song.tracks.items[0];
    $('.song_title').text(track.name); 
    $('.artist_name').text(track.artists[0].name);            
    var cover = '<img src="' + track.album.images[0].url + '">';
    $('.cover_image').html(cover);
    var audio = '<audio class="js-player" src="' + track.preview_url + '">';
    $('.audio').html(audio);
    var more_results = '<br/><button type="submit" class="btn btn-primary" id="more_btn">Ver más Resultados</button>';
    $('.more_result').html(more_results);
};  
  function handle_Error () {
    console.error('¡¡ Ha Fallado !!');
  }
  request.done(Data_Songs);
  request.fail(handle_Error);
});

$（'song'btn'）。在（'click'，函数搜索歌曲（事件）{
event.preventDefault（）；
var song=$（'#song_input'）.val（）；
var请求=$.get（'https://api.spotify.com/v1/search?q=“+song+”&type=track”）；
功能数据与歌曲（歌曲）{
var track=song.tracks.items[0]；
$（'.song_title'）。文本（track.name）；
$（'.artist_name'）.text（track.artist[0].name）；
var覆盖率=“”；
$（'.cover_image'）.html（封面）；
var audio=''；
$（'.audio'）.html（音频）；
var more_results='
vermás Resultados'；
$（'.more_result'）.html（more_results）；
};  
函数句柄\u错误（）{
console.error（“'Ha Fallado！！”）；
}
请求完成（数据和歌曲）；
请求失败（处理错误）；
});

看来您已经有了触发事件的按钮……下面是您接下来的步骤：

获取一个输入（例如通过文本字段），并通过API搜索它

接下来，从API获取解析后的JSON

然后，您就可以在Data_Songs功能中执行您正在执行的操作

以下是我的实现：

$('#song_btn').on('click', function(){
    var BASE_URL = 'https://api.spotify.com/v1/'
    var QUERY = $('#search_field').val(); // This is the value of your text field 

    var spotify_json = $.get(BASE_URL + 'search?type=track&query=' + QUERY, function(data){
        console.log(data.tracks); // Do whatever you want with them after here!
        // Ex. alert(data.tracks[0].href);
    })
})

请注意，我在方法上使用了一个成功处理程序，这与您的代码略有不同

要在$.get（）函数中使用Data_Songs函数

var spotify_json = $.get(BASE_URL + 'search?type=track&query=' + QUERY, Data_Songs(data));

---

请将代码添加为文本，而不是图像链接。看看你已经有了；）