Big Sky :: 「XSLとjQuery/HTMLだけで作る、amazon最速検索」が動かなくなってたので直した

2008/07/28

「XSLとjQuery/HTMLだけで作る、amazon最速検索」が動かなくなってたので直した

不具合報告を頂きまた。自分でも動かなくなってたのに気付いてませんでした。

Big Sky :: XSLとjQuery/HTMLだけで作る、amazon最速検索
http://mattn.kaoriya.net/software/lang/javascript/20080605165643.htm

どうやら、jQueryがcacheを無効にする時に使用する特殊パラメータ"_"がAmazonで蹴られる様になったのが原因です。
結構ハマった(30分)割には、直し方は簡単。


$.ajaxSettings.cache = true;

まぁ、Amazon検索にはリアルタイムなキャッシュ無効は必要なさそうなので、これで良しとします。
一応、直ったのでこの記事にも実行例置いときます。コードは↑のリンク先を参照下さい。

search kind:
search word:

Posted at 18:14 | WriteBacks () | Edit

Edit this entry...

wikieditish message: Ready to edit this entry.

New Name:

Title:

Body:

meta-tags: javascript, xsl, jquery
meta-creation_date: 2008-07-28T18:14:24+09:00

不具合報告を頂きまた。自分でも動かなくなってたのに気付いてませんでした。<br />
<blockquote class="quote">
<a href="http://mattn.kaoriya.net/software/lang/javascript/20080605165643.htm" class="external" target="_blank" rel="noopener noreferrer">Big Sky :: XSLとjQuery/HTMLだけで作る、amazon最速検索</a><br />
<cite>http://mattn.kaoriya.net/software/lang/javascript/20080605165643.htm</cite>
</blockquote>
どうやら、jQueryがcacheを無効にする時に使用する特殊パラメータ"_"がAmazonで蹴られる様になったのが原因です。<br />
結構ハマった(30分)割には、直し方は簡単。<br />
<code class="code">
$.ajaxSettings.cache = true;
</code>
まぁ、Amazon検索にはリアルタイムなキャッシュ無効は必要なさそうなので、これで良しとします。<br />
一応、直ったのでこの記事にも実行例置いときます。コードは↑のリンク先を参照下さい。<br />

<br />
<br />
<script type="text/javascript"><!--
$(document).ready(function() {
  var unsanitize = function(text) {
    return (text||'').replace(/&amp;/g, '&').replace(/&gt;/g, '>').replace(/&lt;/g, '<');
  }
  $('#aws-word').keydown(function(e) { if (e.keyCode == 13) $('#aws-search').click() });
  $('#aws-search').click(function() {
    if (!$('#aws-word').val()) {
      $('#aws').html('');
      return;
    }
    $('#aws').html('<img src="http://mattn.kaoriya.net/images/ajax-loader.gif"/>');
	$.ajaxSettings.cache = true;
    $.getJSON('http://xml-jp.amznxslt.com/onca/xml?callback=?',
      {
        Service: 'AWSECommerceService',
        SubscriptionId: '1GXPBVS13GJVA58PKVG2',
        AssociateTag: 'bigsky-22',
        Operation: 'ItemSearch',
        SearchIndex: $('#aws-kind').val(),
        ResponseGroup: 'Medium,Offers,Reviews',
        Version: '2005-10-05',
        Keywords: $('#aws-word').val(),
        ContentType: 'text/plain',
        Style: 'http://mattn.kaoriya.net/misc/aws2json.xsl'
      }, function(data) {
        $('#aws').html('');
        $.each(data.result, function(index, item) {
          $('<div>')
            .css('border', '1px dotted black')
            .css('border', '1px dotted black')
            .css('background-color', '#eeeeee')
            .css('padding', '0.5em')
            .css('margin', '0.5em')
            .attr('id', 'aws' + index)
            .hide()
            .appendTo('#aws');
          var c = $('#aws' + index);
      $('<a/>')
        .appendTo(c)
        .attr('href', item.url)
            .text(unsanitize(item.title))
            .appendTo(c);
          var a = $('a', c);
          if (item.image.medium) {
            $('<img>')
              .css('vertical-align', 'top')
              .css('padding', '0.5em')
              .css('border', '0px')
              .css('float', 'left')
              .attr('title', item.title)
              .attr('src', item.image.medium.src)
              .prependTo(a);
          }
          a.after('<br />');

$.each(item.authors, function(index, item) {
            $('<b>')
              .text(item)
              .appendTo(c)
              .after('<br />');
          });
          $('#aws' + index)
            .append('<span>ASIN: ' + item.asin + '</span>')
            .append('<br />')
            .append('<br />')
            .append(item.publisher + '/' + item.price + ' (' + item.date + ')')
            .append('<br />')
            .append(item.availability);
          $(c).append('<br clear="all" /><br />');
          if (item.reviews.length) {
            $('<a href="#">review comments</a>')
              .css('font-size', 'small')
              .css('color', 'blue')
              .appendTo(c)
              .click(function() { $('.reviews', c).toggle('slow'); return false; });
            $('<div>')
              .attr('class', 'reviews')
              .css('display', 'none')
              .css('font-size', 'small')
              .appendTo(c);
            $.each(item.reviews, function(index, item) {
              $('.reviews', c)
                .append('<span class="name"><strong>' + item.summary + '</strong></span><br />')
                .append('<div class="comment">' + unsanitize(item.content) + '</div>')
                .append('<br />');
              $('.comment', c)
                .css('border', '1px dotted gray')
                .css('background-color', 'white')
                .css('padding', '0.5em')
            });
          }
        });
        $('div', '#aws').fadeIn('slow', function() {
          $('.reviews').hide();
        });
      }
    );
  });
});
--></script>
<body>
<label for="aws-kind">search kind:</label>
<select id="aws-kind">
<option value="Blended">Blended すべての商品</option>
<option value="Books" selected="selected">本</option>
<option value="Classical">クラシック音楽</option>
<option value="DVD">DVD</option>
<option value="Electronics">エレクトロニクス</option>
<option value="ForeignBooks">洋書</option>
<option value="HealthPersonalCare">ヘルス＆ビューティー</option>
<option value="Hobbies">ホビー</option>

<option value="Kitchen">ホーム＆キッチン</option>
<option value="Music">音楽</option>
<option value="MusicTracks">曲名</option>
<option value="Software">ソフトウェア</option>
<option value="SportingGoods">スポーツ</option>
<option value="Toys">おもちゃ</option>
<option value="VHS">VHSビデオ</option>
<option value="Video">DVD＆ビデオ</option>
<option value="VideoGames">ゲーム</option>
</select>
<br />
<label for="aws-word">search word:</label>
<input type="text" id="aws-word" value="javascript">
<input type="button" id="aws-search" value="search"><br />
<div id="aws"></div>

Excerpt:

不具合報告を頂きまた。自分でも動かなくなってたのに気付いてませんでした。Big Sky :: XSLとjQuery/HTMLだけで作る、amazon最速検索http://mattn.kaoriya.net/software/lang/javascript/20080605165643.htmどうやら、jQueryがcacheを無効にする時に使用する特殊パラメータ"_"がAmazonで蹴られる様になったのが原因です。結構ハマった(30分)割には、直し方は簡単。$.ajaxSettings.cache = true;まぁ、Amazon検索にはリアルタイムなキャッシュ無効は必要なさそうなので、これで良しとします。一応、直ったのでこの記事にも実行例置いときます。コードは↑のリンク先を参照下さい。').replace(/</g, '');	$.ajaxSettings.cache = true;    $.getJSON('http://xml-jp.amznxslt.com/onca/xml?callback=?',      {        Service: 'AWSECommerceService',        SubscriptionId: '1GXPBVS13GJVA58PKVG2',        AssociateTag: 'bigsky-22',        Operation: 'ItemSearch',        SearchIndex: $('#aws-kind').val(),        ResponseGroup: 'Medium,Offers,Reviews',        Version: '2005-10-05',        Keywords: $('#aws-word').val(),        ContentType: 'text/plain',        Style: 'http://mattn.kaoriya.net/misc/aws2json.xsl'      }, function(data) {        $('#aws').html('');        $.each(data.result, function(index, item) {          $('')            .css('border', '1px dotted black')            .css('border', '1px dotted black')            .css('background-color', '#eeeeee')            .css('padding', '0.5em')            .css('margin', '0.5em')            .attr('id', 'aws' + index)            .hide()            .appendTo('#aws');          var c = $('#aws' + index);      $('')        .appendTo(c)        .attr('href', item.url)            .text(unsanitize(item.title))            .appendTo(c);          var a = $('a', c);          if (item.image.medium) {            $('')              .css('vertical-align', 'top')              .css('padding', '0.5em')              .css('border', '0px')              .css('float', 'left')              .attr('title', item.title)              .attr('src', item.image.medium.src)              .prependTo(a);          }          a.after('');          $.each(item.authors, function(index, item) {            $('')              .text(item)              .appendTo(c)              .after('');          });          $('#aws' + index)            .append('ASIN: ' + item.asin + '')            .append('')            .append('')            .append(item.publisher + '/' + item.price + ' (' + item.date + ')')            .append('')            .append(item.availability);          $(c).append('');          if (item.reviews.length) {            $('review comments')              .css('font-size', 'small')              .css('color', 'blue')              .appendTo(c)              .click(function() { $('.reviews', c).toggle('slow'); return false; });            $('')              .attr('class', 'reviews')              .css('display', 'none')              .css('font-size', 'small')              .appendTo(c);            $.each(item.reviews, function(index, item) {              $('.reviews', c)                .append('' + item.summary + '')                .append('' + unsanitize(item.content) + '')                .append('');              $('.comment', c)                .css('border', '1px dotted gray')                .css('background-color', 'white')                .css('padding', '0.5em')            });          }        });        $('div', '#aws').fadeIn('slow', function() {          $('.reviews').hide();        });      }    );  });});-->search kind:Blended すべての商品本クラシック音楽DVDエレクトロニクス洋書ヘルス＆ビューティーホビーホーム＆キッチン音楽曲名ソフトウェアスポーツおもちゃVHSビデオDVD＆ビデオゲームsearch word:

Ping URLs:

File:

Password:

A quick preview will be rendered here when you click "Preview" button.