ウェブページにJSONPフィード内容を表示するための JavaScript サンプル

gistfile1.js

$(function() {
	var blogfeed = 'http://example.com/jsonp.feed?';
	$.getJSON(blogfeed, function(data) {
		for (var key in data) {
			var link  = data[key]['link'];
			var title = data[key]['title'];
			var date  = new Date(Date.parse(data[key]['date']));
			var y     = date.getFullYear();
			var m     = date.getMonth() + 1;
			var d     = date.getDate();
			var dates = '<span class="date">' + y + '年' + m + '月' + d + '日: </span>';
			$('#blog-entry-list').append('<li>' + dates + '<a href="' + link + '">' + title + '</li>').hide().fadeIn(500);
		}
	});
});