Skip to content

Instantly share code, notes, and snippets.

@fabsrc
Created November 21, 2016 22:54
Show Gist options
  • Save fabsrc/e947ca6a67cff1bd387b28885e85f9bb to your computer and use it in GitHub Desktop.
Save fabsrc/e947ca6a67cff1bd387b28885e85f9bb to your computer and use it in GitHub Desktop.
Get and display all concerts from bandsintown.com (with jQuery)
$.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