Jquery解析JSON文件数据(多重的嵌套的JSON数据)

一、JSON文件内容(CinemaList.json)

说明：各个市里包含各个区

 

{
    "广州": [
        {
            "从化": [
                {
                    "影院": "从化从艺流溪影剧院",
                    "地址": "从化市新城东路新世纪广百三楼",
                    "电话": "020-87936828"
                }
            ],
            "萝岗": [
                {
                    "影院": "万达国际影城-萝岗店",
                    "地址": "广州市萝岗区科丰路89号万达广场娱乐楼4层万达影城",
                    "电话": "020-29097668"
                }
            ]
        }
    ],
    

    "韶关": [
        {
            "乳源": [
                {
                    "影院": "乳源瑶族自治县云河电影城",
                    "地址": "广东省韶关市乳源县政府广场广客隆4楼金逸影城",
                    "电话": "0751-5368366"
                }
            ],
            "武江": [
                {
                    "影院": "大地影院-韶关中环广场",
                    "地址": "韶关市武江区惠民南路50号中环广场5楼",
                    "电话": "0751-8529508"
                }
            ]
        }
    ],

    "深圳": [
        {
            "观澜": [
                {
                    "影院": "金逸国际影城-深圳观澜店",
                    "地址": "深圳市观澜镇观光路万悦城广场4楼（富士康南门）",
                    "电话": "0755-88370290"
                }
            ],
            "盐田": [
                {
                    "影院": "冷杉欢腾影城（深圳店）",
                    "地址": "深圳市盐田区沙头角瀚海江岸荣津乐活城4楼",
                    "电话": "0755-25770793"
                }
            ]
        }
    ]
}

 

 

二、HTML代码

<ul class="area">

</ul>

 

 

三、获取广州市的各个区

 

$.getJSON("CinemaList.json", function(data) {
    var $area = $('.area');
    var strHTML = "";
    $area.empty();
    $.each(data, function(infoIndex1, info1) {
    if(infoIndex1 == "广州") {
        $.each(info1, function(infoIndex2, info2) {
          $.each(info2, function(info3) {
            strHTML += "<li>" + info3 + "</li>";
                });
            });
        }
    });
    $area.html(strHTML);
});