我如何将我的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

首先，确保您可以访问数据，exmp：alert(data[1].section)。 如果没有，那么使用：var data = $.parseJSON(data)

然后才尝试使用：

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