zoukankan      html  css  js  c++  java
  • Json

    什么是Json

        Javascript·对象的一种表示,属于轻量级数据,它比XMl小,快,易解析


    作用:

       用于存储交换(转换)信息的语言,还可以将各种数据类型放在json中并进行数据传输

    整理的章节图

     


    讲解

     

     json架构两种表示

    对象 {key:value}

    数组["value1","value2",...]

     

    下面咱们就做个小的实例来看看 

    Json对象,它的表示和js中的对象字面量几乎是同一种表示。下面的就是一个对象(数组 

    这个 employee 对象是包含 3个员工记录(对象)的数组

     

    {
    "employees":[
    {"fristName":"Bill","lastName":"Gates"},
    {"firstName":"Groge","lastName":"Bush"},
    { "firstName":"Thomas" ,"lastName":"Carter" }
    ]
    }

    在测试页的代码如下

     

    <html>
    <body>
    <h2>通过 JSON字符串来创建对象</h3>
    <p>First Name:<span id="fname"></span></p>
     
    <scripttype="text/javascript">
    var employees = [
    {"firstName":"Bill" , "lastName":"Gates"},
    {"firstName":"George" ,"lastName":"Bush" },
    {"firstName":"Thomas" , "lastName":"Carter" }
    ];
    employees[0].firstName="Jobs";
    document.getElementById("fname").innerHTML=employees[1].firstName;
    </script>
     
    </body>
    </html>
     

    效果图如下:

     


     

    从上图的代码中可以看到,Json语法是完全符合js

    表现为:

    数据由:名称/值,逗号分隔

    花括号保存对象{}

    总括和保存数组[ ]

     

    使用:

     

    上面的综合图中可以看到Json的作用有存储数据和转换数据

    存储主要为赋值给变量

     

     

    Var people =
    {
    "employees":[
    {"fristName":"Bill","lastName":"Gates"},
    {"firstName":"Groge","lastName":"Bush"},
    { "firstName":"Thomas" ,"lastName":"Carter" }
    ]
    }



    访问数据,修改数据等,如获取变量中的值

     

    People.employees[0].lastName
    

    最重要的是可以将任意js对象转为json文本。如,将上文的json对象转为文本格式只需要

     

    Var newJsonNext=people.toJSONString();


    这样就可以任意地方使用文本字符串了

    小结:


     综合以上,我们可以初步认识到Jsonjs中的一种新的数据类型,主要用于数据的交换和传输。它可以将Json的数据转为js的任意类型,并进行数据的传输。

     

     

     

  • 相关阅读:
    permission 文档 翻译 运行时权限
    TabLayout ViewPager Fragment 简介 案例 MD
    Log 日志工具类 保存到文件 MD
    OkHttp 官方wiki 翻译 MD
    Okhttp 简介 示例 MD
    OkHttp 官方Wiki之【使用案例】
    DialogPlus
    倒计时 总结 Timer Handler CountDownTimer RxJava MD
    RecyclerView 判断滑到底部 顶部 预加载 更多 分页 MD
    CSS3的媒体查询(Media Queries)与移动设备显示尺寸大全
  • 原文地址:https://www.cnblogs.com/james1207/p/3268867.html
Copyright © 2011-2022 走看看