jQueryとJSONでおいしいブックマーク数を取得する方法
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（）の例
Deliciousからjsonデータを取得するにはjQuery
.ajax（）
を使用し、
ブックマークカウントの合計数を表示します。
$ .ajax（{
タイプ: "GET"、
dataType: "json"、
url: "http://feeds.delicious.com/v2/json/urlinfo/data?url="+url+"&callback=？"、
成功:機能（データ）{
var count = 0;
if（data.length> 0）{
count =データ[0].total__posts;
}
$（ "＃delicious__result"）。テキスト（count + 'Saved'）;
}
}）;
2. jQuery .getJSON（）の例
上記の
.ajax（）
メソッドの省略形は、どちらも同じタスクを実行しています。
$ .getJSON（ "
http://feeds.delicious.com/v2/json/urlinfo/data?url="+url+"&callback=？ "、
機能（データ）{
var count = 0;
if（data.length> 0）{
count =データ[0].total__posts;
}
$（ "＃delicious__result"）。テキスト（count + 'Saved'）;
}）;
===自分で試してみてください
この例では、テキストボックスにURLを入力し、ボタンをクリックします
Deliciousのブックマークの総数を取得します。
<html> <head> <script type = "text/javascript" src = "jquery-1.4.2.min.js"> </script> </head>
<body> <h1> jQueryでDeliciousブックマーク数を取得する</h1>
URL:<input type = 'text' id = 'url' size = '50 'value =' http://www.google.com '/> <br/> <br/> <h2>素敵な数:<span id = "delicious__result"> </span> </h2>
<button id = "delicious2"> Delicious Countを取得する（.getJSON）</button> <script type = "text/javascript"> <button id = "delicious"> Delicious Count（.Ajax）を取得する</button>
var url = $（ '＃おいしい'）。（関数（）{$（ "＃delicious__result"）。
$ .ajax（{type: "GET"、dataType: "json"、url: "http://feeds.delicious.com/v2/json/urlinfo/data?url="+url+"&callback=？"、成功text（count + 'Saved'）;}}）関数（データ数）{var count = 0; if（data.length> 0）{count = data[0].total__posts;} $（ "＃delicious__result" ; }）; var url = $（ '＃delicious2'）。クリック（function（）{$（ "＃delicious__result"）。
$ .getJSON（ "http://feeds.delicious.com/v2/json/urlinfo/data?url="+url+"&callback=？"、
関数（データ）{var count = 0; if（data.length> 0）{count = data[0].total__posts; } $（ "＃delicious__result"）。テキスト（count + 'Saved'）; }）; }）; </script>
</body>
</html>
リンク://wp-content/uploads/jQuery/jQuery-get-delicious-bookmark-count-example.html[試してみる
デモ]
===リファレンス
