jquery getjson demo

by J. Jones

HTML

<div id='vimeoRecent'>recent 1</div>
<div id='vimeoDescription'>description 1</div>
<div id='vimeoRecent2'>recent 2</div>
<div id='vimeoDescription2'>description 2</div>

JavaScript

$(function() {
		$.getJSON('http://vimeo.com/api/v2/careerwiseasu/videos.json?callback=?', {format: "json"}, function(videoList) {
			$.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/' + videoList[0].id + '&byline=false&portrait=false&callback=?', {format: "json"}, 
			function(videoProperties) {
				document.getElementById("vimeoRecent").innerHTML=videoProperties.html
				document.getElementById("vimeoDescription").innerHTML="<p><a href='" + videoList[0].url + "'>" + videoProperties.title + "</a> from <a href='" + videoProperties.author_url + "'>" + videoProperties.author_name + "</a> on <a href='http://vimeo.com'>Vimeo</a>.</p><p>" + videoProperties.description + "</p>"
			});
            $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/' + videoList[1].id + '&byline=false&portrait=false&callback=?', {format: "json"}, 
			function(videoProperties) {
				document.getElementById("vimeoRecent2").innerHTML=videoProperties.html
				document.getElementById("vimeoDescription2").innerHTML="<p><a href='" + videoList[1].url + "'>" + videoProperties.title + "</a> from <a href='" + videoProperties.author_url + "'>" + videoProperties.author_name + "</a> on <a href='http://vimeo.com'>Vimeo</a>.</p><p>" + videoProperties.description + "</p>"
			});
		});
	});