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

Question

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

然后我创建一个 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;
 });

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

Client call JSON result show as undefined

javascript

jquery

client

json

getjson