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