Client-Aufruf JSON Ergebnis zeigen als undefiniert

Question

ich eine Reihe von JSON-Daten haben, die mit json_decode Funktion in php erzeugt wird, ist hier die Ergebnisse:

ich dann ein HTML-Dokument erstellen und versuchen, rufen das Ergebnis mit 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...'); 
}); 

und die Ergebnisse für die oben ist:

REST - Get JSON from PHP file on the server side 

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

Sein die key und value als undefined: undefined

Was im Skript falsch gezeigt geht?

Answer 1

Ich glaube, Sie die richtig zugreifen sollen properties wie pid,category etc der Antwort,

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