zoukankan      html  css  js  c++  java
  • json学习笔记

    jsonJavaScript Object notation的缩写,JSON 指的是 JavaScript 对象表示法

    值可以是:

    • 数字(整数或浮点数)
    • 字符串(在双引号中)
    • 逻辑值(true 或 false)
    • 数组(在方括号中)
    • 对象(在花括号中)
    • null
    //定义一个json 对象
    var
    jsonOb={ "name":"rain", "sex":"man", "age":"21", "height":"70", }

    解析:"{}" 括起来表示对象数据   写法"键":"值",

    js处理json对象

    alert(jsonOb.name)  取出键为"name"的值

    实例:

    //HTML代码
    <
    div id="cont"></div>
    //json对象
    var
    jsonOb={ "student":[ {"name":"小明","class":"2班","tel":"110"}, {"name":"小芳","class":"4班","tel":"119"}, {"name":"小丽","class":"3班","tel":"120"}, {"name":"小王","class":"7班","tel":"114"}, ] }
    //定义一个数组,用于存放数据
    var
    arr=new Array(); for(var json in jsonOb){ for(var i=0;i<jsonOb[json].length;i++){ arr[i]=new Array(); var j=0; for(var jj in jsonOb[json][i]){ arr[i][j]=jsonOb[json][i][jj]; j++; } } } document.getElementById("cont").innerHTML+="姓名&nbsp;&nbsp;&nbsp;&nbsp;班级&nbsp;&nbsp;&nbsp;&nbsp;手机<br/>" for(var i=0;i<arr.length;i++){ for(var j=0;j<arr[i].length;j++){ if(j<arr[i].length-1){ document.getElementById("cont").innerHTML+=arr[i][j]+"&nbsp;&nbsp;&nbsp;&nbsp;"; }else{ document.getElementById("cont").innerHTML+=arr[i][j]; } } document.getElementById("cont").innerHTML+="<br/>"; }

    提示:

    1:json不能直接获取其长度

    2:json中的数组可以获取长度

    3:向同一个HTML标签内添加内容可以用   innerHTML+="内容"

  • 相关阅读:
    Qt Creator 5.0 发布
    Qt编写可视化大屏电子看板系统19-横向柱状图
    Qt开发经验小技巧166-170
    Qt编写安防视频监控系统62-子模块6预置位
    Qt编写可视化大屏电子看板系统18-柱状分组图
    Qt编写安防视频监控系统61-子模块5设备控制
    如果对golang的gin框架中的handler做单元测试
    samba
    内存溢出
    动态规划面试题
  • 原文地址:https://www.cnblogs.com/yhqq512/p/7027723.html
Copyright © 2011-2022 走看看