如何將我的json數據轉換爲html？

Question

我已經得到我想要查看

$.getJSON('ajax/ajax-test.php', function(data) { 
    .... 
}); 

JSON數據：

{ 
    "1": { 
     "section":"painting", 
     "category": { 
      "1":"african", 
      "2":"modern art" 
     } 
    }, 
    "2": { 
     "section":"antiques", 
     "category": { "3":"ikons" } 
    } 
} 

我如何轉換的json數據爲HTML的樣子：

畫
非洲人
現代藝術

古董
聖像

我試圖

$.each(data, function(i, section_obj){ 
$.each(section_obj, function(section, category_arr){ 
    content += category_arr+'<br />'; 
}); 

和

$.getJSON('ajax/ajax-test.php, function(data) { 
var content = ''; 
    $.each(data, function(i, section_obj) { 
    $.each(section_obj, function(section, section_name) { 
    content += section_name+'<br />'; 
      $.each(section_obj.category, function(category, category_arr){ 
       content += category_arr+'<br />'; 
      }); 
    }); 
    }); 
    $('#content-test').empty().append(content).css({ 'display':'block' }).show('slow'); 
}); 

，但它不工作！

Answer 1

首先，請確保您可以訪問數據，例如：alert(data[1].section)。 如果不能再使用：VAR數據= $.parseJSON(data)

，然後才嘗試使用：

$.each(data, function(i, section_obj){ 
$.each(section_obj.category, function(section, category_arr){ 
    content += category_arr+'<br />'; 
});