résultat appel JSON client montrent que non défini

Question

J'ai un ensemble de données JSON qui est généré en php avec la fonction json_decode, voici les résultats:

Je puis créer un document html et essayez d'appeler le résultat en utilisant jquery $.getJSON:

var apiSrc = 'http://localhost/api/ws-data'; 
var showData = $('#result'); 

$(function(){ 

    $.getJSON(apiSrc, function(data) { 
     console.log(data); 

     var items = data.blog.map(function (item) { 
      return item.key + ': ' + item.value; 
     }); 

     showData.empty(); 

     if(items.length) { 
      var content = '<li>' + items.join('</li><li>') + '</li>'; 
      var list = $('<ul />').html(content); 
      showData.append(list); 
     } 
    }); 

    showData.text('Loading...'); 
}); 

et les résultats ci-dessus est:

REST - Get JSON from PHP file on the server side 

    undefined: undefined 
    undefined: undefined 
    undefined: undefined 
    undefined: undefined 
    .. 

Son montré la key et value comme undefined: undefined

Qu'est-ce qui va mal dans le script?

Answer 1

Je pense que vous devriez accéder au bon properties tels que pid,category etc de la réponse,

var items = data.blog.map(function (item) { 
      return item.pid + ': ' + item.category; 
});