zoukankan      html  css  js  c++  java
  • 遍历json数据的几种方式

      json(JavaScript Object Notation),json是一种多用于存储和交换文本信息的语法。他能够进行数据的传输,通常和ajax一起使用。它具有体积小、速度快,易解析等诸多优点。

    使用json首先要学习如何获取json的数据。json类似Java里的map集合,两者的数据都是由键值对构成的。键可以使用引号,也可以不使用引号。

    1.定义json

    //基本格式
    var category= {"id": "1",  'name': "JavaSe"};
            
    var categorys= [{"id": "1",  'name': "JavaSe"},
         {"id": "2",  'name': "JavaEe"},
         {"id": "3",  'name': "前端"},
         {"id": "4",  'name': "其他"}];        

    2.获取数据的几种方式

    2.1 使用json对象名.键名获取数据

    var target = category.name;

    2.2 使用json对象名[键名]获取数据

    var target = category[name];

    2.3 使用json数组对象名[索引]获取数据

    var target = categorys[0];

    2.4 遍历json数组获取数据

    从服务器端获取到的数据

    [SysCategory{id=1, name='JavaSe'}, SysCategory{id=2, name='JavaEE'}, SysCategory{id=3, name='前端'}, SysCategory{id=4, name='其他'}]

    打印数据如下

    开始遍历:

    //遍历1
    for (var c in categorys) {
             var option = document.createElement("option");
             option.setAttribute("value", categorys[c].id);
              option.innerText = categorys[c].name;
              select.appendChild(option)
     }
    //遍历2
    for (var i = 0; i <categorys.length; i++) {
        var option = document.createElement("option");
        option.setAttribute("value", categorys[i].id);
         option.innerText = categorys[i].name;
         select.appendChild(option)
    }

    结果如下

    可以看到,服务器端的数据已经成功显示到页面上的下拉菜单上。

  • 相关阅读:
    Spring.Net AOP的通知类型及通知链
    Spring.Net框架介绍及基本配置(学习笔记一)
    Spring.Net对方法的注入(学习笔记三)
    Spring通过容器获取配置对象及事件注入(学习笔记二)
    SqlServer2008 数据库同步的两种方式(Sql JOB)
    AOPUnity使用初探
    PIABPolicy Injection Application Block
    LINQ查询基础
    C#泛型基础
    [转载]CSS块级元素和行内元素
  • 原文地址:https://www.cnblogs.com/Code-Handling/p/12041240.html
Copyright © 2011-2022 走看看