amazon images

$(function(){

  var XMLtoItems = function(xml){
    var itemsXML = xml.getElementsByTagName('Item');
    var items = [];
    $.each(itemsXML, function(i ,val){
      //console.log(val);
      var item = {
        asin: val.getElementsByTagName('ASIN')[0].textContent,
        title:val.getElementsByTagName('Title')[0].textContent,
      };
//_MAIN_SCRMZZZZZZ_
//LZZZZZZZ
  		item.img = '//images.amazon.com/images/P/'+item.asin+'.09.LZZZZZZZ.jpg';
  		item.href = '//www.amazon.co.jp/dp/'+item.asin+'/hi0a0a-22';
      items.push(item);
    });
    console.log(items);
    return items;
  }

  var readyItems = function(keywords){
    var url = '/api/amazon?q=' + keywords;
    $.get(url, function(xml){
      //console.log(xml);
      var items = XMLtoItems(xml);
      var context = {items:items};


      var template = Hogan.compile($('#input').html());

      var output = template.render(context);

      $('#output').prepend(output);
      
    });

  }

  $('form').on('submit', function(){
    var keywords = $(this).find('[name="keywords"]').val();
    console.log(keywords);
    readyItems(keywords);
    return false;
  });

  $(document).on('dblclick', 'li', function(){
    var src = $(this).find('img').attr('src');
    src = src.replace(/LZZZZZZZ/, 'MAIN_SCRMZZZZZZ_');
    window.open(src);
    return false;
  });
});

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/demo/-js/js-amazon-image/