Analyse JSON avec différents nœuds de niveau

Question

J'ai du mal à ajouter des données à un élément d'un fichier JSON. Je donne les résultats suivants

Link to JSON

Voici jQuery Je tente d'utiliser -

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

De l'JSFiddle

Vous pouvez voir que je me trompe! Je cherche à tirer le titre du livre de Item->volumeInfo->title Chaque fois que j'essaie de référencer le nœud volumeInfo j'obtiens une erreur

Answer 1

data voici l'objet de niveau supérieur, pas chaque élément que vous essayez de faire une boucle. La fonction JQuery each fournit deux paramètres, l'index et l'élément en cours que vous êtes en train de boucler. Utilisez donc le deuxième paramètre à la place:

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