$(document).ready(function() {
  // 筆者のデベロッパーIDとアフィリエイトID
  var developerId = 'd66f28819abab57e88d1db1a9db457b1';
  var affiliateId = '0b1c35e5.427e3f92.0b1c35e6.fd0fc7b8';
  // 「ラーメン」のキーワードで検索
  // アクセス先のURLを作成
  var url = 'http://api.rakuten.co.jp/rws/2.0/json?';
  url += '&developerId=' + developerId;
  url += '&affiliateId=' + affiliateId;
  url += '&operation=ItemRanking&version=2009-04-15&callBack=?';
  url += '&genreId=' + 110487;
  // 追加のオプションを指定
  url += '&hits=3';
  // JSONPで情報を得る
  $.getJSON(url, function(data) {
    if (data.Header.Status == 'Success') {
      var items = data.Body.ItemRanking.Items.Item;
      var html = '';
      for (var i = 0, j = items.length; i < j; i++) {
        var item = items[i];
        // 商品名や画像のデータを元に、HTMLを組み立てる
        html += '<p><a href="' + item.affiliateUrl + '" class="nounder">';
        html += '<img src="' + item.mediumImageUrl + '" alt="' + item.itemName + '" title="' + item.itemName + '" /></a>';
        html += '<a href="' + item.affiliateUrl + '">' + item.itemName + '</a><br />';
        html += item.itemPrice + '円　';
		html += item.reviewCount + '件の口コミ&nbsp;';
        html += '<a href="' + item.shopUrl + '">' + item.shopName + '</a></p>';
        // IDが「rakuten」の要素にHTMLを流し込む
        $('#rakuten').html(html);
      }
    }
    else if (data.Header.Status == 'NotFound') {
      // 商品が見つからなかった場合
      $('#rakuten').html('<p>商品が見つかりませんでした。</p>');
    }
    else {
      // 検索エラーの場合
      $('#rakuten').html('<p>検索時に以下のエラーが発生しました。<br />' + data.Header.StatusMsg + '</p>');
    }
  });
});