客户端调用 JSON 结果显示为未定义

Question

我有一组用json_decode函数在php中生成的json数据，结果如下：

然后我创建一个 html 文档并尝试使用 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...');
});

上面的结果是：

REST - Get JSON from PHP file on the server side

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

将key 和value 显示为undefined: undefined

脚本出了什么问题？

Answer 1

我认为您应该访问正确的properties，例如pid,category等回复，

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