與使用jQuery

Question

JSON工作我有這樣的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。它可能應該有這樣的結構（一個陣列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);