• json笔记


    文章来自:http://www.runoob.com/

    JSON简介:

    JSON 是用于存储和传输数据的格式。

    JSON 通常用于服务端向网页传递数据 。

    • JSON 英文全称 JavaScript Object Notation
    • JSON 是一种轻量级的数据交换格式。
    • JSON是独立的语言 *
    • JSON 易于理解。

    JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。
    文本可以被任何编程语言读取及作为数据格式传递。

    JSON 语法规则

    • 数据为 键/值 对。
    • 数据由逗号分隔。
    • 大括号保存对象
    • 方括号保存数组

    JSON 数据 - 一个名称对应一个值

    JSON 数据格式为 键/值 对,就像 JavaScript 对象属性。

    键/值对包括字段名称(在双引号中),后面一个冒号,然后是值:

    "firstname":"whats"

    JSON 对象

    JSON 对象保存在大括号内。

    就像在 JavaScript 中, 对象可以保存多个 键/值 对:

    {"firstname":whats,"lastname":"li"}

    JSON 数组

    JSON 数组保存在中括号内。

    就像在 JavaScript 中, 数组可以包含对象:

    "employees":[
    {"firstname":whats,"lastname":"li"},
    {"firstname":"anna","lastname":"smith"},
    {"firstname":"peter","lastname":"jones"}
    ]

    对象 "employees" 是一个数组。包含了三个对象。

    每个为个对象为员工的记录(姓和名)。

    JSON 字符串转换为 JavaScript 对象

    通常我们从服务器中读取 JSON 数据,并在网页中显示数据。

    简单起见,我们网页中直接设置 JSON 字符串 (你还可以阅读我们的 JSON 教程):

    首先,创建 JavaScript 字符串,字符串为 JSON 格式的数据

    var text= '{"employees":['+
    '{"firstname":"whats","lastname":"li" },'+
    '{"firstname":"anna","lastname":"smith" },'+
    '{"firstname":"peter","lastname":"jones" }]}';

    然后,使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象

    var obj=JSON.parse(text);

    最后,在你的页面中使用新的 JavaScript 对象

    <p id="demo"></p>
    
    <script>
    document.getElementById("demo").innerHTML =
    obj.employees[1].firstName + " " + obj.employees[1].lastName;
    </script>

    完整代码:

    <!DOCTYPE html>
    <html>
    <body>
    <p id="demo"></p>
    
    <script>
    var text= '{"employees":['+
    '{"firstname":"whats","lastname":"li" },'+
    '{"firstname":"anna","lastname":"smith" },'+
    '{"firstname":"peter","lastname":"jones" }]}';
    
    var obj=JSON.parse(text);
    document.getElementById("demo").innerHTML =
    obj.employees[0].firstname +" "+obj.employees[0].lastname;
    </script>
    
    </body>
    </html>
  • 相关阅读:
    jmeter元件的执行顺序
    jmeter json path espressions学习
    性能测试常见瓶颈分析及调优方法
    jmeter 聚合报告参数解释
    Jmeter 使用正则表达式提取响应结果中的值
    前端所需要了解的东西
    webpack4导入jQuery的新方案
    react服务端渲染SSR实战
    使用await写异步优化代码
    Provider
  • 原文地址:https://www.cnblogs.com/whats/p/5019820.html
Copyright © 2020-2023  润新知