はてなブックマークエントリー情報取得APIを$.ajaxで情報を表示する

jQuery・JS

はてなブックマークエントリー情報取得APIでは、JSONP形式のデータ(コールバック関数を使ったJSONデータ)を取得することができるので試しに作成しました。

はてなブックマークエントリー情報取得APIのメモ

Webサービス:はてなブックマークエントリー情報取得API
データ形式:JSON
使用時の注記:無(見当たらない)
利用時の登録:無

私の見たかぎり特に制限など見当たらなかったのですが、公開されたウェブ上で利用するときは再度確認をして利用したほうがいいです。

WebAPI利用のプログラム

ajax.html

説明によるとGETで送信してコールバック関数名を設定するとJSONP形式のデータを取得することができるということですが、設定をしなくても通信できます。

下のコードは、設定したurlのエントリー情報を取得して、正常に通信ができるとページのタイトルと件数をアラートで表示します。

$(function() {
	$.ajax({
		//type: "GET",
		url:'http://b.hatena.ne.jp/entry/json/',
		//jsonpCallback: 'funcname',
		dataType: 'jsonp',
		data: {
			url: 'http://yahoo.co.jp/'
		}
	})
	.done(function(data) {
		alert(data.title + ':' + data.count + '件');
	})
	.fail(function(data) {
		alert('error');
	});
});
スポンサーリンク

コメント

タイトルとURLをコピーしました