jQueryとJSONでおいしいブックマーク数を取得する方法
最高のブックマークWebサイトであるDeliciousは、開発者がブックマークのデータを処理できるようにするための多くのAPIを提供します。 jQueryを使用して、特定のURLのブックマーク総数を取得する例を次に示します。
おいしいAPI
ブックマークの総数を取得するには、これを使用します
http://feeds.delicious.com/v2/json/urlinfo/data?url=xxx.com&callback=?
jQuery Ajax
jQueryには、リモートデータをオンデマンドで取得するための簡単ですが強力な.ajax()または省略形の.getJSON()が付属しています。
1. jQuery .ajax()の例
jQuery.ajax()を使用してDeliciousからjsonデータを取得し、ブックマークカウントの総数を表示します。
$.ajax({ type: "GET", dataType: "json", url: "http://feeds.delicious.com/v2/json/urlinfo/data?url="+url+"&callback=?", success: function(data){ var count = 0; if (data.length > 0) { count = data[0].total_posts; } $("#delicious_result").text(count + ' Saved'); } });
2. jQuery .getJSON()の例
上記の.ajax()メソッドの省略形で、どちらも同じタスクを実行しています。
$.getJSON(" http://feeds.delicious.com/v2/json/urlinfo/data?url="+url+"&callback=?", function(data) { var count = 0; if (data.length > 0) { count = data[0].total_posts; } $("#delicious_result").text(count + ' Saved'); });
自分で試してください
この例では、テキストボックスにURLを入力し、ボタンをクリックして、Deliciousのブックマークの総数を取得します。
Get Delicious bookmark count with jQuery
URL :
Delicious count :