JSONからサムネイルを取得

Question

Google API JSONからサムネイルを取り出せるようにするにはこのスクリプトが必要ですが、なんらかの理由で動作していないようです。 APIのURLでwel.l

 <div id="book-shelf"> 

     </div> 
        $(function() { 
    var i=0; 
    var googleApi = "https://www.googleapis.com/books/v1/volumes?q=edgar+allan+poe"; 
    var googleData; 
    $.getJSON(googleApi, function(json) { 
     googleData = json; 

     setData() 
    }); 

    function setData(){ 
     var j = googleData.length > (i + 9) ? (i + 9) : googleData.length; 
     for (; i < j; i++) { 
      var googleThumb = googleData[i].thumbnail; 
      var img = $('<img style="width: 250px; height: 250px;" src="' + googleThumb + '"/>') 
      $('#book-shelf').append(img); 
     } 
    }  

    $('#load').click(function() { 
     setData(); 
    }); 
}); 



     https://jsfiddle.net/mo7skwrj/ 

Answer 1

としてjsfiddleを添付、あなたはcallback=handleResponsesを残していますが、あなたのコード内で宣言したような機能を持っていた場合には適用可能です。このパラメータを使用すると、JSONではなくJSONP（その関数へのJS呼び出し）を受け取ります。

jQueryのコールバックを処理させるために、APIのURLにcallback=?とcallback=handleResponsesを置き換え、@squintが示唆するように、あなただけのJSONを取得することを削除することもできます（それはCORSをサポートしていないレガシーブラウザで失敗することがあります）、または。この中

：：また、この変更する必要が

googleData[i].volumeInfo.imageLinks.thumbnail

Fixed JSFiddle