jQueryとJSONでおいしいブックマーク数を取得する方法

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 :