使用 JQuery 解析嵌套的 JSON

Question

我是 JSON 的新手，并且在这方面真的很挣扎。我已经阅读了无数其他帖子和网页，但似乎无法弄清楚。

我正在使用 PHP 通过以下代码输出 JSON（来自数据库的数据）：

    header('Content-type: application/json');
    echo json_encode($data);

这是 JSON：

{
    "x0": {
        "id": "1",
        "name": "Rob",
        "online": "1",
        "gender": "m",
        "age": "29",
        "height": "5'8''",
        "build": "Average",
        "ethnicity": "White",
        "description": "Art geek person",
        "looking_for": "Anything",
        "image": "4fs5d43f5s4d3f544sdf.jpg",
        "last_active": "29-06-11-1810",
        "town": "Manchester",
        "country": "UK",
        "distance": 0.050973560712308
    },
    "x1": {
        "id": "2",
        "name": "Dave",
        "online": "1",
        "gender": "m",
        "age": "29",
        "height": "5'8''",
        "build": "Average",
        "ethnicity": "White",
        "description": "Art geek person",
        "looking_for": "Anything",
        "image": "4fs5d43f5s4d3f544sdf.jpg",
        "last_active": "29-06-11-1810",
        "town": "Manchester",
        "country": "UK",
        "distance": 0.050973560712308
    }
}

我认为我遇到的问题是 JSON 是嵌套的（那里可能是错误的）？

这是 JQuery：

function fetchProfiles() {
    var url='http://url.com/here';
    var i = 0;
    var handle = 'x'.i;

    $.getJSON(url,function(json){
        $.each(json.results,function(i,profile){
           $("#profiles").append('<p><img src="'+profile.handle.image+'" widt="48" height="48" />'+profile.handle.name+'</p>');
           i++;
        });
    });
}

任何想法或建议表示赞赏！

谢谢！

Answer 1

我认为问题在于您在 json.results 上调用了 $.each（如果 json 正是您向我们展示的内容）。

你应该这样做：

    $.each(json,function(i,profile){
       $("#profiles").append('<p><img src="'+profile.image+'" widt="48" height="48" />'+profile.name+'</p>');
    });

看这里的小提琴：http://jsfiddle.net/ENcVd/1/（它会提醒你 json 对象的图像属性）