1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
| $("#create").click(function(event){ event.preventDefault(); createPlaylist(); }); function createPlaylist() { var artistName = $("#search").val(); getArtists(artistName); function getArtists(artist) { $.ajax({ url: 'https://api.spotify.com/v1/search', data: { q: artist, type: 'artist' }, success: function(response){ var artistId = response.artists.items[0].id; getRelatedArtists(artistId); } }); } function getRelatedArtists(id) { $.ajax({ url: 'https://api.spotify.com/v1/artists/' + id + '/related-artists', success: function(response){ var artists = response.artists; getTopTracks(artists); } }); } function getTopTracks(artistsArray){ $.each(artistsArray, function(index, artist){ $.ajax({ url: 'https://api.spotify.com/v1/artists/' + artist.id + '/top-tracks?country=US', success: function(response){ var trackObj = response.tracks[0]; console.log(trackObj); displayTrack(trackObj) } }); }); } function displayTrack(track){ $("#results").append("<p><a href='" + track.href + "'>" + track.artists[0].name + " - " + track.name + "</a></p>"); } }
|