一、JSON文件内容(CinemaList.json)
说明:各个市里包含各个区
1 { 2 "广州": [ 3 { 4 "从化": [ 5 { 6 "影院": "从化从艺流溪影剧院", 7 "地址": "从化市新城东路新世纪广百三楼", 8 "电话": "020-87936828" 9 } 10 ], 11 "萝岗": [ 12 { 13 "影院": "万达国际影城-萝岗店", 14 "地址": "广州市萝岗区科丰路89号万达广场娱乐楼4层万达影城", 15 "电话": "020-29097668" 16 } 17 ] 18 } 19 ], 20 21 22 "韶关": [ 23 { 24 "乳源": [ 25 { 26 "影院": "乳源瑶族自治县云河电影城", 27 "地址": "广东省韶关市乳源县政府广场广客隆4楼金逸影城", 28 "电话": "0751-5368366" 29 } 30 ], 31 "武江": [ 32 { 33 "影院": "大地影院-韶关中环广场", 34 "地址": "韶关市武江区惠民南路50号中环广场5楼", 35 "电话": "0751-8529508" 36 } 37 ] 38 } 39 ], 40 41 "深圳": [ 42 { 43 "观澜": [ 44 { 45 "影院": "金逸国际影城-深圳观澜店", 46 "地址": "深圳市观澜镇观光路万悦城广场4楼(富士康南门)", 47 "电话": "0755-88370290" 48 } 49 ], 50 "盐田": [ 51 { 52 "影院": "冷杉欢腾影城(深圳店)", 53 "地址": "深圳市盐田区沙头角瀚海江岸荣津乐活城4楼", 54 "电话": "0755-25770793" 55 } 56 ] 57 } 58 ] 59 }
二、HTML代码
1 <ul class="area"> 2 3 </ul>
三、获取广州市的各个区
1 $.getJSON("CinemaList.json", function(data) { 2 var $area = $('.area'); 3 var strHTML = ""; 4 $area.empty(); 5 $.each(data, function(infoIndex1, info1) { 6 if(infoIndex1 == "广州") { 7 $.each(info1, function(infoIndex2, info2) { 8 $.each(info2, function(info3) { 9 strHTML += "<li>" + info3 + "</li>"; 10 }); 11 }); 12 } 13 }); 14 $area.html(strHTML); 15 });