Js 解析Json

最新推荐文章于 2025-09-25 14:56:51 发布

原创最新推荐文章于 2025-09-25 14:56:51 发布 · 567 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #json

Js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript发起GET请求获取并解析JSON文件的方法。通过实例代码展示了如何利用XMLHttpRequest对象读取本地JSON文件，并解析其内容来访问特定的数据字段。

    get("json/tab.json");

    function get(url) {
        var xhr = new XMLHttpRequest();
        xhr.open("get", url, true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
                read(xhr.responseText);
            }
        };
        xhr.send(null);
    }

    function read(json) {
        var tab = JSON.parse(json);
        console.log(tab.tab[0].tree[0].name);
    }

Json

{
    "tab": [
        {
            "name": "人员管理",
            "url": "html/page/pm.html",
            "tree": [
                {
                    "name": "1a",
                    "url": "url-a"
                }, {
                    "name": "1b",
                    "url": "url-b"
                }
            ]
        }, {
            "name": "资产管理",
            "url": "html/page/page_2.html",
            "tree": [
                {
                    "name": "1a",
                    "url": "url-a"
                }, {
                    "name": "1b",
                    "url": "url-b"
                }
            ]
        }
    ]
}