2017-01-19 9 views
0

書籍の評価を表示するためにGoodreadsのAPIからデータを取得しようとしていますが、私はロードブロッキングを実行しています。JSONPをGoodreadsからナビゲートするには?

このURL(https://www.goodreads.com/book/review_counts.json?isbns=9781630586799&key=YOUR_KEY&callback=myCallback)から、私が楽天ブックスからJSONPデータの下recievingよ:

myCallback([{ 
    "id":22571333, 
    "isbn":"163058679X", 
    "isbn13":"9781630586799", 
    "ratings_count":657, 
    "reviews_count":2288, 
    "text_reviews_count":138, 
    "work_ratings_count":835, 
    "work_reviews_count":2596, 
    "work_text_reviews_count":155, 
    "average_rating":"3.93" 
}]) 

そして、ここでは私のjavascriptです:

function myCallback(result) { 
    document.getElementById('goodreads-rating').innerHTML = result.average_rating; 
} 

var scriptTag = document.createElement('script'); 
scriptTag.src = "https://www.goodreads.com/book/review_counts.json?isbns=9781630586799&key=YOUR_KEY&callback=myCallback"; 
document.getElementsByTagName('head')[0].appendChild(scriptTag); 

私が取得するデータはaverage_ratingです。しかし、HTMLに出力されるのは単語 "undefined"です。

私の問題は、配列/オブジェクトをどのようにナビゲートしているかと関係があると推測しています。

誰かが間違っていることを知っていますか?

+1

try 'result [0] .average_rating;' doh ... – dandavis

+0

それはうまくいきました、ありがとう! – Ryan

答えて

0

以下は私の問題を解決:

result[0].average_rating; 

私は今、私はインデックス番号[0]を参照する必要があり、したがって、配列内を移動しようとしていた実現します。 @dandavisのおかげで答えが出ました!

関連する問題