JavaScript jQueryでJSONPを扱う方法 $.ajax

このドキュメントの内容は、以下の通りです。

• ajaxの使用例
• サンプルプログラム
• 実行例

ajaxの使用例

<script type="text/javascript">
$.ajax({
	url: "https://example.com/jsonapi",
	dataType: "jsonp",
	data:{
		param1: value1,
		param2: value2
	},
	success:function(json){
		// 正常時にここが実行されます。
	},
	error:function(){
		alert('error');
	}
});
</script>

<script type="text/javascript">
$.ajax({
	url: "https://example.com/jsonapi",
	dataType: "jsonp",
	data:{
		param1: value1,
		param2: value2
	},
	jsonp: "jsonp_callback",
	success:function(json){
		// 正常時にここが実行されます。
	},
	error:function(){
		alert('error');
	}
});
</script>

サンプルプログラム

<div id="info"></div>
<script src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
function showSocialGraph(url,d){
	var rss = d['nodes'][url]['attributes']['rss'];
	var profile = d['nodes'][url]['attributes']['profile'];
	$('#info').html(rss + '<br>' + profile);
}
function getSocialGraph(url){
	$.ajax({
		url: "https://socialgraph.apis.google.com/lookup",
		dataType: "jsonp",
		data:{
			q: url
		},
		success:function(json){
			showSocialGraph(url,json);
		},
		error:function(){
			alert('error');
		}
	});
}
function init(){
	getSocialGraph("https://twitter.com/whoami");
}
google.load("jquery", "1");
google.setOnLoadCallback(function() {
	init();
});
</script>

実行例