javascript - 使用不同级别的节点解析 JSON

Question

我很难将数据简单地附加到 JSON 文件中的元素。我有以下内容

Link to 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 这里是顶级对象，而不是您尝试循环的每个项目。 JQuery each 函数提供两个参数:索引和当前正在循环的项目。因此请使用第二个参数:

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