访问嵌套属性json

时间:2014-11-29 03:57:19

标签: php jquery json nested

我有这个json:

{"objects":[{"text":{"x":643,"y":71,"width":82,"height":33,"font":"Arial","style":"bold","size":24,"label":"Part A"}},
{"text":{"x":643,"y":116,"width":389,"height":42,"font":"Arial","style":"bold","size":16,"label":"What does \"novel\" mean as it is used in paragraph 8 of \"Turning Down a New Road\"? "}},
{"radiobutton":{"x":643,"y":170,"width":100,"height":20,"label":"A. old"}},{"radiobutton":{"x":643,"y":209,"width":100,"height":20,"label":"B. afraid"}},
{"radiobutton":{"x":643,"y":250,"width":100,"height":20,"label":"C. new"}},
{"radiobutton":{"x":643,"y":289,"width":100,"height":20,"label":"D. friendly"}}]}

我需要获取每个元素的属性,但我无法获得二级属性,我的意思是我不知道该元素是“文本”,“radiobutton”,“label”,I对第三级的职业没有任何问题。

这是我的来源:

                   $.ajax({
                        url: 'generateobject.php',
                        dataType: 'json',
                        type: 'GET'
                    }).done(function(data) {
                        $.each(data, function(index, firstLevel) {
                            $.each(firstLevel, function(anotherindex, secondLevel) {
                                alert(secondLevel[0]);//shows [object Object]
                                $.each(secondLevel, function(yetAnotherIndex, thirdLevel) {
                                    //alert(thirdLevel.y+''+thirdLevel.y);
                                });
                            });
                        });
                    });

如何获得二级属性?

1 个答案:

答案 0 :(得分:1)

使用Object.keys(data)并访问第一项。如果您运行代码段,您应该按预期看到类型提醒:



var data = {"objects":[{"text":{"x":643,"y":71,"width":82,"height":33,"font":"Arial","style":"bold","size":24,"label":"Part A"}},
{"text":{"x":643,"y":116,"width":389,"height":42,"font":"Arial","style":"bold","size":16,"label":"What does \"novel\" mean as it is used in paragraph 8 of \"Turning Down a New Road\"? "}},
{"radiobutton":{"x":643,"y":170,"width":100,"height":20,"label":"A. old"}},{"radiobutton":{"x":643,"y":209,"width":100,"height":20,"label":"B. afraid"}},
{"radiobutton":{"x":643,"y":250,"width":100,"height":20,"label":"C. new"}},
{"radiobutton":{"x":643,"y":289,"width":100,"height":20,"label":"D. friendly"}}]};


$.each(data, function(index, firstLevel) {
  $.each(firstLevel, function(anotherindex, secondLevel) {
    alert(Object.keys(secondLevel)[0]);
    $.each(secondLevel, function(yetAnotherIndex, thirdLevel) {
      //alert(thirdLevel.y+''+thirdLevel.y);
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;