服务器端与客户端之间进行数据传输与交换的格式(xml与JSON)
① 什么是数据交换格式
- 数据交换格式,就是服务器端与客户端之间进行数据传输与交换的格式。
- 前端领域,经常提及的两种数据交换格式分别是 XML 和 JSON。其中 XML 用的非常少。
②XML
-
概念
- XML 的英文全称是 EXtensible Markup Language,即可扩展标记语言。因此,XML 和 HTML 类似,也是一种标记语言。
-
XML和HTML的区别
- HTML 被设计用来描述网页上的内容,是网页内容的载体
- XML 被设计用来传输和存储数据,是数据的载体
-
XML的缺点
- XML 格式臃肿,和数据无关的代码多,体积大,传输效率低
- 在 Javascript 中解析 XML 比较麻烦
③JSON
- 什么是JSON
- 概念:JSON 的英文全称是 JavaScript Object Notation,即“JavaScript 对象表示法”。简单来讲,JSON 就是 Javascript 对象和数组的字符串表示法,它使用文本表示一个 JS 对象或数组的信息,因此,JSON 的本质是字符串。
- 作用:JSON 是一种轻量级的文本数据交换格式,在作用上类似于 XML,专门用于存储和传输数据,但是 JSON 比 XML 更小、更快、更易解析。
-
JSON的两种结构
-
JSON 就是用字符串来表示 Javascript 的对象和数组。所以,JSON 中包含对象和数组两种结构,通过这两种结构的相互嵌套,可以表示各种复杂的数据结构。
-
对象结构:对象结构在 JSON 中表示为 { } 括起来的内容。数据结构为 { key: value, key: value, … } 的键值对结构。其中,key 必须是使用英文的双引号包裹的字符串,value 的数据类型可以是数字、字符串、布尔值、null、数组、对象6种类型。
-
{ "name": "小千", "age": 20, "gender": "男", "address": null, "hobby": ["JAVA", "C", "Python"] }
-
数组结构:数组结构在 JSON 中表示为 [ ] 括起来的内容。数据结构为 [ “java”, “javascript”, 30, true … ] 。数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类型。
-
[ "java", "python", "c" ] [ 100, 200, 300.5 ] [ true, false, null ] [ { "name": "zhangsan", "age": 20}, { "name": "spring", "age": 22} ]
-
-
JSON语法注意事项
-
属性名必须使用双引号包裹
-
字符串类型的值必须使用双引号包裹
-
JSON 中不允许使用单引号表示字符串
-
JSON 中不能写注释
-
JSON 的最外层必须是对象或数组格式
-
不能使用 undefined 或函数作为 JSON 的值
JSON 的作用:在计算机与网络之间存储和传输数据。
JSON 的本质:用字符串来表示 Javascript 对象数据或数组数据
-
-
JSON和JS对象的关系
-
JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。
-
//这是一个对象 var obj2 = { a: "hello", b: "world", c: false } //这是一个 JSON 字符串,本质是一个字符串 var jsonStr = '{"a":"hello","b":"world"}'
-
-
JSON和JS对象的互转
-
要实现从 JSON 字符串转换为 JS 对象,使用 JSON.parse() 方法:
-
var jsonStr = '{"a":"hello","b":"world"}' var obj = JSON.parse(jsonStr); console.log(obj)
-
要实现从 JS 对象转换为 JSON 字符串,使用 JSON.stringify() 方法:
-
var obj2 = { a: "hello", b: "world", c: false } var jsonStr2 = JSON.stringify(obj2) console.log(jsonStr2)
-
-
序列化和反序列化
- 把数据对象转换为字符串的过程,叫做序列化,例如:调用 JSON.stringify() 函数的操作,叫做 JSON 序列化。
- 把字符串转换为数据对象的过程,叫做反序列化,例如:调用 JSON.parse() 函数的操作,叫做 JSON 反序列化。