2011年12月13日火曜日

今すぐ「楽天商品ランキングAPI」を動かしてみる最低限のコード

楽天商品ランキング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;
}

0 件のコメント:

コメントを投稿