楽天ウェブサービス初心者入門講座

function itemDisp() {
  state.innerHTML = "処理中です・・・<br />\n";

  var url = "../lib/ItemSearch.php";

  var paramList = "keyword=" + encodeURIComponent("カニ");
  paramList += "&hits=10";
  paramList += "&page=1";
  paramList += "&sort=" + encodeURIComponent("+itemPrice");
  paramList += "&imageFlag=1";


  new Ajax.Request(url,
    {
      method: 'get',
      onSuccess: getData,
      onFailure: showErrMsg,
      parameters: paramList
  });

  function getData(data){
    var response = data.responseXML.getElementsByTagName('Response');
    var status = response[0].getElementsByTagName('Status')[0].firstChild.nodeValue;

    if(!(status == "Success")){
      state.innerHTML = "データが見つかりませんでした。";
      return;
    }

    var item = response[0].getElementsByTagName('Item');
    var tmpHtml = "";

    for(i = 0; i < item.length; i++){
      //値を取得
      var itemName = item[i].getElementsByTagName('itemName');
      var itemNameValue = itemName[0].firstChild.nodeValue;

      var itemPrice = item[i].getElementsByTagName('itemPrice');
      var itemPriceValue = itemPrice[0].firstChild.nodeValue;

      var affiliateUrl = item[i].getElementsByTagName('affiliateUrl');
      var affiliateUrlValue = affiliateUrl[0].firstChild.nodeValue;

      var mediumImageUrl = item[i].getElementsByTagName('mediumImageUrl');
      var mediumImageUrlValue = mediumImageUrl[0].firstChild.nodeValue;

      var itemCaption = item[i].getElementsByTagName('itemCaption');
      var itemCaptionValue = itemCaption[0].firstChild.nodeValue;

      //HTML作成
      tmpHtml += "<p>";
      tmpHtml += "<a href='" + affiliateUrlValue + "'>" + itemNameValue + "</a><br />";
      tmpHtml += "<b>" + itemPriceValue + "円</b><br />";
      tmpHtml += "<a href='" + affiliateUrlValue + "'><img src='"+ mediumImageUrlValue + "'></a><br />";

      if(itemCaptionValue.length >= 200){
        tmpHtml += itemCaptionValue.substring(0, 200) + "<br />";
      }else{
        tmpHtml += itemCaptionValue + "<br />";
      }

      tmpHtml += "</p>";
      tmpHtml += "<hr />";



    }

    //結果を表示
    result.innerHTML = tmpHtml;
    state.innerHTML = "データを取得しました。<br />\n";
  }

  function showErrMsg(){
    clearDisp();
    state.innerHTML = "データを取得できませんでした。<br />\n";
  }

}