zoukankan      html  css  js  c++  java
  • Jquery解析JSON文件数据(多重的嵌套的JSON数据)

    一、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 });
  • 相关阅读:
    token
    id
    vim
    http_proxy
    brew
    认证
    go
    linux 磁盘管理
    vmware
    vmware fusion
  • 原文地址:https://www.cnblogs.com/Drajun/p/8195943.html
Copyright © 2011-2022 走看看