jstarted.com
JavaScript/HTML/CSSのノウハウや覚書を掲載するブログ
2013.11.22

jquery.ajax()でjsopを読み込む

Category:

クロスドメインでjsonをやりとりする機会があり、初めてjsonpの読み込みを行ったので、やり方をメモしておきます。
今回はjqueryの$.ajax()を使ってみました。

$.ajax({
	type : 'GET',
	url : 'file_path.json',
	dataType : 'jsonp',
	jsonpCallback : 'callback', // jsonpの関数名を指定
	success : function(data){
		// jsonに記載された内容の処理を記載
	}
});

jsonpの内容は以下です。

callback([
	{
		"contentA" : "aaa",
		"contentB" : "bbb"
	},
	{
		"contentA" : "111",
		"contentB" : "222"
	}
]);

$ajax().jsonpCallbackでjsonpの関数名を指定するわけですが、同一ページで2回以上上記の処理を行う場合、関数名が被っているとエラーになりました。今考えれば当たり前ですが。

jstarted.comはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を
獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、
Amazonアソシエイト・プログラムの参加者です。

クリエイティブ・コモンズ・ライセンス
jstarted.com by yoichi kobayashi is licensed under a Creative Commons 表示 3.0 非移植 License.