Created
November 21, 2016 22:54
-
-
Save fabsrc/e947ca6a67cff1bd387b28885e85f9bb to your computer and use it in GitHub Desktop.
Get and display all concerts from bandsintown.com (with jQuery)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$.ajax('https://api.bandsintown.com/artists/Roosevelt/events.json', { | |
data: { | |
api_version: '2.0', | |
//date: '2014-01-01,2016-12-31', | |
app_id: 'ENTER_APPID_HERE' | |
}, | |
dataType: 'jsonp', | |
jsonpCallback: 'createPastConcertsList', | |
crossDomain: true | |
}) | |
window.createPastConcertsList = function (res) { | |
var concerts = res.sort(function (a, b) { | |
return new Date(b.datetime) - new Date(a.datetime) | |
}) | |
var $container = $('.concerts-list') | |
$('<h4 class="title">All Concerts</h4>').appendTo($container) | |
var $table = $('<table class="list" />') | |
$table.append('<tr><th></th><th>Date</th><th>Venue</th><th>Location</th></tr>') | |
$.each(concerts, function (index, concert) { | |
var date = concert.datetime.match(/(\d\d\d\d)-(\d\d)-(\d\d)/) | |
var dateString = date[3] + '.' + date[2] + '.' + date[1] | |
var $tr = $('<tr />') | |
$tr.append($('<td class="spacer" />')) | |
$tr.append($('<td class="date" />').text(dateString)) | |
$tr.append($('<td class="venue" />').text(concert.venue.name)) | |
$tr.append($('<td class="location" />').text(concert.venue.city + ', ' + concert.venue.country)) | |
$table.append($tr) | |
}) | |
// console.log(concerts) | |
$container.append($table) | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment