jQueryの$.postでJSON形式のデータを取得して表示

別ドメインのサイトにあるJSON形式のデータをjQueryの$.postを使い取得して表示するプログラム。

json1.json(別ドメインにあるファイル)

{"title":"json1","description":"json test"}

post.html

$.post(第一引数)に読み込み先を設定して、成功するとdoneを実行してアラートで取得したデータを表示して、失敗するとfailを実行するのでアラートでerrorと表示します。

$(function() {
	$.post('http://example.com/json1.json'
	)
	.done(function(data) {
		var data = JSON.parse(data);
		alert(data.title);
	})
	.fail(function(data) {
		alert('error');
	});
});

コメントを残す

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