ajax前后端交互原理（4）

时间：2022-02-25 16:37:47

4.JSON

4.1 什么是JSON?

JavaScript 对象表示法（JavaScript Object Notation）简称JSON,是一种轻量级的数据交换格式。虽然它基于JavaScript的对象字面量表示法，但是它于语言却是无关的，这里说的无关意思是说没有依赖关系，不是说只有在js中才能用，再别的语言中也是可以用的。

var student = {

    "name": '张三',

    "age": 29,

    "data":[1,2,3]

};

4.2 JSON的语法

JSON以键值对的形式出现:

var jsonObject = `{"key1":"value1","key2":"value2"}`

键: 带双引号的名字. 值:可以是任意类型的值. 键和值之间使用:隔开.

值的类型:

    数字（整数或浮点数）

    字符串（在双引号中）

    逻辑值（true 或 false）

    数组（在方括号中）

    对象（在花括号中）

    null

    一个具体的函数或者匿名函数

4.3 JSON的用途

JSON 是存储和交换文本信息的语法。类似 XML。 用于系统之间的数据传输.

4.4 JSON的优点

JSON 是轻量级的文本数据交换格式 JSON 独立于语言. JSON 具有自我描述性，更易理解. JSON 比 XML 更小、更快，更易解析。 JSON格式的数据天生就是一个Javascript对象.

4.5 JSON字符串和js对象之间的转换

4.5.1 常规JSON

用来存储一个对象的信息.

//1.定义json对象

var employee = `{

    "id":1,

    "name":"刘备",

    "age":28,

    "sex":'男'

}`

// 转成js对象才能通过 对象.属性的形式拿到对应的值

employee = JSON.parse(employee);

//2.获取对象中的数据

console.log(employee.id,employee.name,employee.age);

4.5.2 带有数组的JSON

[]在json中表示数组该对象中包含三个员工记录:

//>>3.定义json数组

var employees = `[

   {"id":1,"name":'刘备',"age":28,"gender":'男'},

   {"id":2,"name":'关羽',"age":27,"gender":'男'},

   {"id":3,"name":'张飞',"age":26,"gender":'男'}

]`;

employee = JSON.parse(employee);

for(var i=0; i<employee.length;i++){

    console.log(employee.id, employee.age, employee.gender)

}

螺钉课堂视频课程地址：http://edu.nodeing.com

相关文章