HTML5学堂-码匠 HTML5学堂

您当前位于:AJAX数据交互 ——> AJAX | 数据格式JSON与XML的区别

AJAX | 数据格式JSON与XML的区别

2015/04/30 12:22:30 | 作者:HTML5学堂(码匠) | 分类:AJAX数据交互 | 关键词:AJAX,XML,JSON,数据格式

XML与JSON的基本知识

HTML5学堂:XML和JSON是两种经典的数据格式,在AJAX当中的异步加载,申请的文件通常不是html、txt文件,而是JSON和XML。相比JSON文件比较居多。JSON和XML虽然都是数据格式,但是有所不同,到底两种有何区别呢?我们一起来看一看~

XML

1、XML

Extensible Markup Language——可扩展性标记语言

2、特点

全面通用、简洁明晰、很适合各种网络应用的需要

3、文档的三部分

XML声明、处理指令、XML元素

“<?”......“?>“声明的处理指令名为XML

<?处理指令名 处理指令信息?>

注释:<!-- -->

<标记名>元素内容</标记名>

<标记名 属性名1=“属性值1”,属性名2=”属性值2“>元素内容</标记名>

4、XML文档中的节点

XML文档中的节点并不是数据结构,而是对象,这个对象包含了方法和属性

欢迎沟通交流~HTML5学堂

JSON

1、JSON

Javascript Object Notation——JavaScript对象符号

2、随着AJAX的应用而诞生的一种轻量级数据格式

3、功能:传输、存储、交换数据

4、JSON的数据的结构(两种基本的结构):对象和数组

1)数据的无序结构——对象

"{ }" "名/值对"。使用冒号进行分隔

2)数据的有序结构——数组

"[ ]",值使用逗号","分隔

3)数据的内容——值

字符串:使用双引号引起来

数值:可以直接引用,不需要加引号

逻辑值:true/false

分隔符:分隔符是不会被解析的,因此可以在数据结构内任意位置增加空白,以实现对数据的格式化排版

XML与JSON数据比较

JSON与XML都是一种数据格式。在前后台的交互中,通常要互相传递消息,那就需要一种两方面都能“听懂的语言”,数据格式这里就代表语言。JSON和XML就是前后台中都能理解的一种“语言“。

XML的有开关标签,代码清晰度上也没有JSON的好。从体积上来看,肯定优先选择JSON。

JSON与XML的具体区别。根据刚才的对比,我们发现JSON比XML体积要小,所以节省流量,加载速度更快。而且浏览器解析XML也会像解析HTML一样,解析成DOM树供JS使用,这个解析过程远远比JSON解析成JS对象要慢得多。JSON转成JS对象后,我们只需要JS点语法就可以找到想要的数据,不需要用getElementsByTagName那样找,非常简单。

当然JSON也有劣势,在IE7及之前的浏览器中不支持。但这种浏览器市场份额正在快速下滑。但是可以引入第三方库的支持。

总结
HTML5学堂 XML与JSON的区别 H5course

欢迎沟通交流~HTML5学堂
微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端