追加Json到div

Question

你好，我有JSON格式的結果，我想將它追加到HTML div。 JSON的樣子：

jsonp1373893536648([{ 
    "MAXCHILDREN": 1, 
    "PICTURE": "3AE30747-0956-0F6C-F6F4D6FC13243BDF.jpg", 
    "MAXPERSONS": 3, 
    "RATEINCLUDE": 2, 
}, { 
    "MAXCHILDREN": 1, 
    "PICTURE": "3AF1F0ED-01DC-32C8-C663F39A1B430F89.jpg", 
    "MAXPERSONS": 3, 
    "RATEINCLUDE": 2, 
}, { 
    "MAXCHILDREN": 3, 
    "PICTURE": "3AF6A412-CB40-3B77-C777273F5378345A.jpg", 
    "MAXPERSONS": 3, 
    "RATEINCLUDE": 2, 
}, { 
    "MAXCHILDREN": 1, 
    "PICTURE": "3AFC9046-92F4-DBB7-93E5D7EF8A9AB831.jpg", 
    "MAXPERSONS": 3, 
    "RATEINCLUDE": 2, 
}]) 

現在我需要例如做這樣的事情：

jQuery(response_container).append('<div class="maxchildren">MAXCHILDREN: ' + MAXCHILDREN + '</div>'); 
jQuery(response_container).append('<div class="pic">PICTURE: ' + PICTURE+ '</div>'); ... 

每個MAXCHILDREN，圖片，MAXPERSONS，RATEINCLUDE。 請任何幫助？

Answer 1

for(var i = 0; i < result.length; i++) { 
    jQuery(response_container).append('<div class="maxchildren">MAXCHILDREN: ' + result[i].MAXCHILDREN+ '</div>'); 
    jQuery(response_container).append('<div class="pic">PICTURE: ' + result[i].PICTURE+ '</div>'); 
... 
} 

result是當你收到它的json對象的名稱。這取決於你，你給它的名字。 您擁有的對象是一個json對象數組，因此您可以通過result[i]訪問每個對象。您訪問result[i].NAME_OF_KEY（即result[i].MAXCHILDREN）或result[i]['NAME_OF_KEY']（即result[i]['MAXCHILDREN']）訪問數組的json對象的每個元素。

Answer 2

嘗試用，假設數據是你所談論的響應：

var a = data, b = 0; 

while(b < a.length){ 

    $('<div/>',{ 

     'class' : 'maxchildren', 
     'text' : 'MAXCHILDREN: ' + a[ b ].MAXCHILDREN 

    }).appendTo(response_container); 

    $('<div/>',{ 

     'class' : 'pic', 
     'text' : 'PICTURE: ' + a[ b ].PICTURE 

    }).appendTo(response_container); 

    b++; 
}