1

我是 JSON、WebDevelopment、Javascript 的新手……

我有以下 JSON 文件

            {
                "component": "A",
                "status": 0,
                "children": [
                    {
                        "component": "AA",
                        "status": 0,
                        "children": [
                            {
                                "component": "AAA",
                                "status": 0,
                                "children": []
                            },
                            {
                                "component": "AAB",
                                "status": 0,
                                "children": []
                            }
                        ]
                    },
                    {
                        "component": "AB",
                        "status": 0,
                        "children": [
                            {
                                "component": "ABA",
                                "status": 0,
                                "children": []
                            },
                            {
                                "component": "ABB",
                                "status": 0,
                                "children": []
                            }
                        ]

                    }
                ]
            }

我需要使用 Javascript/Jquery 阅读它，然后显示它。稍后我应该开发代码，用于在网页上单击“组件 A”，应显示其下的组件列表等等。根据状态变量，将为显示的组件分配颜色（以像盒子或其他东西的图​​像）

我写了以下代码：

            <html>
            <head>                   
            <title>Demo</title>
            </head>
            <body>

                <script src="jquery-1.9.1.min.js"></script>
                <script src="jquery-1.9.1.js"></script>
                <script>

                $(document).ready(function() {
                var myItems;

                $.getJSON('jsonfile.json', function(data) {

                 JSONArray children = jsonfile.getJSONArray("children");


                });
            });
                </script>
            </body>
            </html>

首先，什么是类似于 getJSONArray()、getJSONObject() 等 JSON 的 java 函数的 javascript 等价物其次，关于我如何使用 API 等打印详细信息的任何建议。

4

2 回答 2

1

please show the syntax of $.each in this context

var result = $('#result');
$.each(obj.children, function(i, v){
    result.append('<div>' + i + ' - ' + v.component + '</div>');
});

演示：http: //jsfiddle.net/LbJBm/

文档：jQuery.each()

于 2013-04-01T12:51:50.337 回答
0 
var response            =   JSON.stringify(jsonvar);
response                =   JSON.parse(response);

response.componet将为您提供 A ，因此您可以访问 hte 元素。

于 2013-04-01T12:29:35.713 回答