javascript - 使用 Javascript/Jquery 访问 JSON 元素

标签 javascript jquery html json

我是 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>                

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

最佳答案

请显示此上下文中 $.each 的语法

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

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

文档:jQuery.each()

关于javascript - 使用 Javascript/Jquery 访问 JSON 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15743440/

相关文章:

javascript - 方法的 jQuery 选项停止工作

javascript - jQuery 迭代类的所有项目,无论它们在 DOM 中的位置如何

javascript - 设置 jQuery.data() 会触发事件吗?

html - 将 Material 图标导入 Cordova Android Studio

javascript - 如何检查浏览器版本并设置警报

html - 当 div 使用 css 有第二个 child 时删除第一个 child 填充

javascript - 如何使用 IFrame API 嵌入 'YouTube Gaming' 视频?

javascript - bootstrap中的Input-group div,将其定位到底部

javascript - 如何在我的html上显示在ajax端运行良好的php函数

jquery - cocoon Nested_form 将字段添加到 edit.html.erb 中现有对象的上方而不是下方