Bucketlist » API implementation examples

API Implementation examples - A single user's list via JQuery

(See API docs for more)

Request JSON data for incomplete items belonging to user shacker. Items are ordered by the priority set by the user, not by date.

http://bucketlist.org/api/list/shacker/incomplete/

This example does not expose all possible fields - just the ones we need here.

$.getJSON(url, function(data){

// Grab the author name and list URL from the first JSON item.
	from_list = "Uncompleted items from:  
		<a href=\"" + data[0]['list_url'] + 
		"\">" + data[0]['author_name'] + "'s bucketlist</a>";

// Loop through array of JSON items and build an HTML list
	$.each(data, function(i){
		var title = data[i].title; 
		var has_media = data[i].has_media;  
		var item_url = data[i].item_url;

if (has_media == true) {
			var media_icon = '<span class="minor">Φ</span>';
		} else {
			var media_icon = '';
		};

item_list = item_list + "<li><a href=\"" + item_url + 
			"\">" + title + "</a> " + media_icon + "</li>\n";
	});

// Render the strings into HTML elements elsewhere on the page
	$("#fromlist").html(from_list);		
	$("#itemlist").html(item_list);
}
);

</script>

Result:

Great idea:

Do 100 consecutive pushups
(via Frank Boosman)
Feeling lucky?

API Implementation examples - A single user's list via JQuery

Result:

Great idea:

Follow us:

Recent Comments