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

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

test.json

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

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

get.html

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です