数据交换格式

什么是数据交换格式

数据交换格式,就是服务器端与客户端之间进行数据传输与交换的格式

前端领域经常以及的两种数据交换格式分贝是XML和JSON,其中XML用的非常少,所以重点要学的数据交换格式就是JSON

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjM0MDA2MTE=,size_20,color_FFFFFF,t_70,g_se,x_16

 

XML

什么是XML

XML的英文全称是Extensible Markup Language,即可扩展标记语言,因此,XML和HTML类似,也是一种标记语言

html

<!DOCTYPE html>
<html>
    <head>
        <title>Document</title>
    </head>
</html>

XML

<note>
    <to>ls</to>
    <from>zs</from>
    <heading>通知</heading>
    <body>晚上开会</body>
</note>

XML和HTML的区别

XML和HTML虽然都是标记语言,但是他们两者之间没有任何关系

  • HTML被设计用来描述网页上的内容,是网页内容的载体
  • XML被设计用来传输和存储数据,是数据的载体

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjM0MDA2MTE=,size_20,color_FFFFFF,t_70,g_se,x_16

 XML的缺点

  1. XML格式臃肿,和数据无关的代码多,体积大,传输效率低
  2. 在Javascript中解析XML比较麻烦

 

JSON

什么是JSON

概念: JSON的英文全称是Javascript Object Notation,即"Javascript对象表示法",简单来讲,JSON就是Java对象和数组的字符串表示法,它使用文本表示一个JS对象或数组的信息,因此,JSON的本质是字符串

作用: JSON是一种轻量级的文本数据交换格式,在作用上类似于XML,专门用于存储和传输数据,但是JSON比XML更小,更快,更易解析

现状: JSON数据格式自2001年被推广和使用,到现在为止,JSON已经成为了主流的数据交换格式

JSON的两种结构

JSON中包含对象和数组两种结构,通过它们的互相嵌套,可以表示各种复杂的数据结构

对象结构

对象结构在JSON中表示为"{}"括起来的内容,数据结构为{key: value, key: value...}的键值对

其中key必须是使用英文的双引号包裹的字符串,value的数据类型可以是数字,字符串,布尔值,null,数组,对象6种类型

{
     "name": "zs",
     "age": 20,
     "gender": "男",
     "address": null,
     "hobby": ["吃饭", "睡觉", "写代码"],//数组内的值必须用双引号
     say: function() {}//这个值是不正确的 不能包含方法 应该删除
}

数组结构

数组结构在JSON中表示为"[]"括起来的内容,数据结构为["java",  "JavaScript", 30, true, ...]

数组中的数据类型可以是数字,字符串,布尔值,null,数组,对象6种类型

["java", "python", "php"]
[100, 200, 300.5]
[true, false, null]
[{"name": "zs", "age": 20}, {"name": "ls", "age": 30}]
[{"苹果", "榴莲", "椰子"}, {4, 50, 5}]

JSON语法注意事项

  1. 属性名必须使用双引号包裹
  2. 字符串类型的值必须使用双引号包裹
  3. JSON中不允许使用单引号表示字符串
  4. JSON中不能写注释
  5. JSON的最外层必须是对象或数组格式
  6. 不能使用undefined或函数作为JSON的值

JSON的作用: 在计算机与网络之间存储和传输数据

JSON的本质: 用字符串来表示Javascript对象数据或数组数据

JSON和JS对象的关系

JSON的JS对象的字符串表示法,它使用文本表示一个JS对象的信息,本质是一个字符串

//这是一个对象
var obj = {a: 'Hello', b: 'World'}

//这是一个JSON字符串,本质是一个字符串
var json = '{"a": "Hello", "b": "World"}'

JSON和JS对象的互转

要实现从JSON字符串转换为JS对象,使用JSON.parse()方法:

var obj = JSON.parse('{"a": "Hello", "b": "World"}')
//结果是 {a: 'Hello', b: 'World'}

要实现从JS对象转换为JSON字符串,使用JSON.stringify()方法:

var json = JSON.stringify({a: 'Hello', b: 'World'})
//结果是: {"a":"Hello","b":"World"}

序列化和反序列化

把数据对象转换为字符串的过程,叫做序列化,例如:调用JSON.stringify()函数的操作,叫做JSON序列化

把字符串转换为数据对象的过程,叫做反序列化,例如:调用JSON.parse()函数的操作,叫做JSON反序列化

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值