$.getJSONでJSONデータを読み込んで表示する

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

test.json

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

getjson.html

$.getJSONの第一引数に読み込むURLを指定。通信が正常に完了すると.doneの中で処理してJSONデータを表示しています。jsonデータを読み込んですぐに利用できることからJSONデータがJavaScriptで扱えるようにオブジェクトに変換されています。

$(function() {
	$.getJSON('test.json')
	.done(function(data) {
		$.each(data, function(k, v) {
			$('#content').append('<p>' + k + ":" + v + '</p>');
		});
	});
});

コメントを残す

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