jQuery.getでJSONデータを表示する

JSON形式のデータを$.getで取得して表示するプログラム。

test.json

テスト用のJSONデータになります。

{"Country":"日本","Capital":"東京"}

get.html

$.getでjsonデータ（test.json）を読み込んだあと、そのままdoneで$.parseJSON（JSON.parse）せずにeachでデータをdiv#contentに追加して表示しています。

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
<script>
$(function() {
	$.get('test.json')
	.done(function(data) {
		//var json = JSON.parse(data);
		$.each(data, function(k, v) {
			$('#content').append('<p>' + k + ":" + v + '</p>');
		});
	});
});
</script>