如何将我的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 />'; 
});