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函数提供了两个参数，索引和您正在循环的当前项目。所以改用第二个参数：

$.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>");
        });
    }
});