使用Jquery处理json

Question

我有这样的json：

[{"pk": 1, "fields": {"name": "name 1", "description": "description 1", "image": "absolute url 1"}, "pk": 2, "fields": {"name": "name 2", "description": "description 2", "image": "absolute url 2"}}]

我需要进入农田。

$.getJSON("/json/", function(data) {
    $.each(data, function(key, value) {
        $.('#id1').append([data.pk]);
        $.('#id2').append([data.fields.name]);

Answer 1

代码中有几个错误。另外，您的JSON格式也不正确。

var data = [{
    "pk": 1,
    "fields": {
        "name": "name 1",
        "description": "description 1",
        "image": "absolute url 1"
    },
    "pk": 2,
    "fields": {
        "name": "name 2",
        "description": "description 2",
        "image": "absolute url 2"
    }
}];

它只有一个具有几个相似属性的对象，最后一个类似的属性覆盖了前一个对象，这意味着对象的pk属性被设置为2。

var data = [
{
    "pk": 1,
    "fields": {
        "name": "name 1",
        "description": "description 1",
        "image": "absolute url 1"
    }
}, 
{
    "pk": 2,
    "fields": {
        "name": "name 2",
        "description": "description 2",
        "image": "absolute url 2"
    }
}];

现在，您可以这样读取对象的属性：

$.each(data, function (index, value) {
    console.log("pk: ", value.pk);
    console.log("fields.name: ", value.fields.name);
});

还请注意，要创建jQuery对象，应该删除.：

$('#id1').append(value.pk);