javascript - 異なるレベルのノードで JSON を解析する

Question

JSON ファイルの要素に単純にデータを追加するのに苦労しています。私は次のものを持っています

JSON へのリンク

これが私が使用しようとしているjQueryです-

$.ajax({
    url: 'https://www.googleapis.com/books/v1/volumes?q=:isbn=0-13-727827-6',
    dataType: 'json',
    success: function(data){
        $.each(data.items, function(index){
            $(".tab1").append("<div>"+data.title+"</div>");
        });
    }
});

JSFiddleから

私が間違っていることがわかります！本のタイトルをItem->volumeInfo->title取得しようとしています ノード volumeInfo を参照しようとするたびにエラーが発生します

Answer 1

dataこれは、ループしようとしている各アイテムではなく、最上位のオブジェクトです。JQueryeach関数は、インデックスとループしている現在のアイテムの2つのパラメーターを提供します。したがって、代わりに 2 番目のパラメーターを使用します。

$.ajax({
    url: 'https://www.googleapis.com/books/v1/volumes?q=:isbn=0-13-727827-6',
    dataType: 'json',
    success: function(data){
        $.each(data.items, function(index, item){
            $(".tab1").append("<div>"+item.volumeInfo.title+"</div>");
        });
    }
});