楽天商品ランキングAPI (version:2010-08-05)を使ってみる

これだけですよ、っていう参考までに。
ちなみにトラベル系なら本家にもサンプルが。
http://travel.rakuten.co.jp/webservice/sample/jsonp/get_hotel_chain_list.html

test.html 
<html> 
<head>楽天ランキングAPIサンプル</head>
<script type="text/javascript" src="RakutenAPI.js">
</script>
<body onload="getData()">

<div id="result"> 
<div id="ResultList"></div>
</div> 

</body>
</html>

RakutenAPI.js 

//////////////////////////////////////////////////////////////////////////////
// 楽天ランキングAPIサンプル
//////////////////////////////////////////////////////////////////////////////
// ランキングデータを取得
function getData(genreId) {
     var requestUrl = 'http://api.rakuten.co.jp/rws/3.0/json?'; 
     var param = [];
     param.push('developerId' + '=' + 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');	// ※自分のデベロッパーIDに変更すること！
     param.push('affiliateId' + '=' + 'xxxxxxxx.xxxxxxxx.xxxxxxxx.xxxxxxxx');	 // ※自分のアフィリエイトIDに変更すること！
     param.push('operation' + '=' + 'ItemRanking');
     param.push('callBack' + '=' + 'showResult');
     param.push('version' + '=' + '2010-08-05');
     
     var scriptTag = document.createElement('script'); 
     scriptTag.src = requestUrl + param.join('&'); 
     document.body.appendChild(scriptTag); 
}

// コールバック関数
function showResult(d) { 
     var result = '';
     if(d.Header.Status == "Success") {
          // ランキング取得成功
          var item = d.Body.ItemRanking.Items.Item; 
          for(var i = 0; i < item.length; i++) {
               result += '<a target="_blank" href="' + item[i].affiliateUrl + '"><img src="' + item[i].smallImageUrl + '"></a><br>';
          }
     } else {
          // ランキング取得失敗
          result = '<p align="center">' + d.Header.StatusMsg + '</p>'; 
     } 
     document.getElementById('ResultList').innerHTML = result; 
}