• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32015/06/24 16:52:10

  満足100pt

  戻りはJSON ですか？　XML ではなく？
  どちらも要素数は length プロパティで取得できますが。
  とりあえず、data.Items.Item と data.Items.Item.ImageSets.ImageSet の要素数で for を回した方が良いですね。

  $.ajax({
  ...
  })
  .done(function(data){
   item_position = data.Items.Item;
   $('#content').empty();
   for(var i = 0; i < item_position.length; i++){  // ★ここ
    if(item_position[i]){
     var item_defaultimg = $('<img>').attr('src', item_position[i].MediumImage.URL);
     $('#content').append('<p>' + item_position[i].ItemAttributes.Title).append(item_defaultimg);
    }
    for(var j = 0; j < item_position[i].ImageSets.ImageSet.length; j++){  // ★ここ
     if(item_position[i].ImageSets.ImageSet[j]){
      var item_setimg = $('<img>').attr('src', item_position[i].ImageSets.ImageSet[j].SmallImage.URL);
      $('#content').append(item_setimg);
     }
    }
   }
  })
  .fail(function(data){
   console.dir(data);
  });
  

  スター

  • 

    2件のコメントを見る

  • wsapp 2015/06/24 20:40:20

    ご回答ありがとうございます。
    jsonでなくxmlでした。勘違いしていました。
    配列要素数は無事取得できました。
    ありがとうございます。
    
    あと一か所問題が出ました。
    そもそも"MediumImage"が存在しない要素もあるみたいです。
    xmlサンプルのdata.Items.Item添え字5のデータがそうです。
    存在していないデータをifで問うとerrorで処理が中断するようです。
    存在しているか？という書き方があったらご教授いただけないでしょうか？
    
    何度も申し訳ありません。
    検索してもなかなか思う解答にたどり着かず困っています。

    スター

  • a-kuma3 2015/06/24 21:45:37

    そもそも"MediumImage"が存在しない要素もあるみたいです。

    表示する画像が無かったときに、どう表示するか、という方法にもよりますけれど、「？」みたいな画像を用意しておいて、それへの URL が NO_IMAGE_URL という変数に入れておいたとした場合、こんな感じになると思います（★★をつけたあたり）。

    $.ajax({
    ...
    })
    .done(function(data){
     item_position = data.Items.Item;
     $('#content').empty();
     for(var i = 0; i < item_position.length; i++){  // ★ここ
      if(item_position[i]){
       // ★★ここから
       var item_defaultimg = $('<img>').attr('src', NO_IMAGE_URL);
       if (item_position[i].MediumImage) {
        item_defaultimg = $('<img>').attr('src', item_position[i].MediumImage.URL);
       }
       // ★★ここまで
       $('#content').append('<p>' + item_position[i].ItemAttributes.Title).append(item_defaultimg);
      }
      for(var j = 0; j < item_position[i].ImageSets.ImageSet.length; j++){  // ★ここ
       if(item_position[i].ImageSets.ImageSet[j]){
        var item_setimg = $('<img>').attr('src', item_position[i].ImageSets.ImageSet[j].SmallImage.URL);
        $('#content').append(item_setimg);
       }
      }
     }
    })
    .fail(function(data){
     console.dir(data);
    });
    

    スター

その他の回答

• wsapp

  2015/06/24 16:12:05

  $.ajax({
  ...
  })
  .done(function(data){
   item_position = data.Items.Item;
   $('#content').empty();
   for(var i = 0; i < 20; i++){
    if(item_position[i]){
     var item_defaultimg = $('<img>').attr('src', item_position[i].MediumImage.URL);
     $('#content').append('<p>' + item_position[i].ItemAttributes.Title).append(item_defaultimg);
    }
    for(var j = 0; j < 10; j++){
     if(item_position[i].ImageSets.ImageSet[j]){
      var item_setimg = $('<img>').attr('src', item_position[i].ImageSets.ImageSet[j].SmallImage.URL);
      $('#content').append(item_setimg);
     }
    }
   }
  })
  .fail(function(data){
   console.dir(data);
  });
  

• wsapp

  2015/06/24 16:12:53

  質問文を編集しました。詳細はこちら。

この質問へのコメント

質問の情報

登録日時

2015-06-24 16:08:40

終了日時

2015-06-25 02:21:33

回答条件

1人1回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…匿名質問者112日前
• 不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者112日前
• 日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者21時間前
• 共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者121時間前
• 内定してほしいポケモンはいますか？匿名質問者21時間前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ