【jquery】前端数据格式:json、xml对比

简介: 【jquery】前端数据格式:json、xml对比

Ajax传值的三种方法:Ajax(),Get(),Post(),的参数中有一个type,表示返回值内容格式。共这么几种:xml, html, script, json, text, _default。

API中对这几种数据类型做如下解释:

![11](https://img-blog.csdn.net/20160612225017873)

这几种数据格式中,json和jsonp是新遇到的语言。而且json数据格式是目前应用最多的。所以拿出来看看。把这几种对比一下子。

【是什么】

json:JSON是一种轻量级的数据交换语言,以文字为基础,且易于让人阅读。尽管JSON是Javascript的一个子集,但JSON是独立于语言的文本格式,并且采用了类似于C语言家族的一些习惯。

xml:xml是一种标记语言。标记指计算机所能理解的信息符号,通过此种标记,计算机之间可以处理包含各种信息的文章等。XML设计用来传送及携带数据信息,不用来表现或展示数据。XML好比一个小型数据库。

【长什么样子】

json用于描述数据结构。形式:

1、对象object:{键值对,键值对}
    2、键值对collection:名称:值
    3、值的有序表Array:[键值对,键值对]
    4、字符串:"***"
    5、数值
    6、布尔值:true/false

有几个很形象的图来表示上述结构:

http://www.json.org/

http://www.json.org/json-zh.html

http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf

例子:

{
    username:"lili",
    Age:19,
    "phoneNumber":
    [
             {
               "type": "home",
               "number": "212 555-1234"
             },
             {
               "type": "fax",
               "number": "646 555-4567"
             }
    ]
}

xml用于描述数据结构。形式:

每个XML文档都由XML序言开始,例如:

例子:

<?xml version="1.0"?>
        <客户>
            <姓名>lili</姓名>
            <年龄>19</年龄>
            <电话>212 555-1234</电话>
            <电话>646 555-4567</电话>
        </客户>• 1

【有什么用途】

JSON与XML最大的不同在于XML是一个完整的标记语言,而JSON不是。这使得XML在程序判读上需要比较多的功夫。主要的原因在于XML的设计理念与JSON不同。XML利用标记语言的特性提供了绝佳的延展性(如XPath),在数据存储,扩展及高级检索方面具备对JSON的优势,而JSON则由于比XML更加小巧,以及浏览器的内建快速解析支持,使得其更适用于网络数据传输领域。

JSON,简单的说就是一种数据交换格式。近年来,其在服务器之间交换数据的应用越来越广,相比XML其格式更简单、编解码更容易、扩展性更好,所以深受开发人员的喜爱。

【扩展】

数据交换格式protobuf/json/xml/binary/Thrift:

http://blog.sina.com.cn/s/blog_72995dcc0101a32d.html

数据类型和Json格式

http://www.ruanyifeng.com/blog/2009/05/data_types_and_json.html

在学jquery的时候对前端的数据格式大概认识了一下。在做itoo项目中,唐凌峰师哥推荐我深入总结一下前端(json、xml)和后端(list、set、map)的数据格式。后续还会研究研究。


相关文章
|
3月前
|
XML 存储 JSON
Twaver-HTML5基础学习(19)数据容器(2)_数据序列化_XML、Json
本文介绍了Twaver HTML5中的数据序列化,包括XML和JSON格式的序列化与反序列化方法。文章通过示例代码展示了如何将DataBox中的数据序列化为XML和JSON字符串,以及如何从这些字符串中反序列化数据,重建DataBox中的对象。此外,还提到了用户自定义属性的序列化注册方法。
48 1
|
4月前
|
XML JSON 前端开发
【Web前端揭秘】XML与JSON:数据界的双雄对决,你的选择将如何改写Web世界的未来?
【8月更文挑战第26天】本文深入探讨了XML和JSON这两种广泛使用的数据交换格式在Web前端开发中的应用。XML采用自定义标签描述数据结构,适用于复杂层次数据的表示,而JSON则以键值对形式呈现数据,更为轻量且易解析。通过对两种格式的示例代码、结构特点及应用场景的分析,本文旨在帮助读者更好地理解它们的差异,并根据实际需求选择最合适的数据交换格式。
63 1
|
3月前
|
XML JSON 数据处理
C# 中的 XML 与 JSON 数据处理
在现代软件开发中,数据交换和存储需求日益增长,XML 和 JSON 成为最常用的数据格式。本文从 C# 角度出发,详细介绍如何处理这两种格式,并提供示例代码。对于 XML,我们介绍了读取、创建和写入 XML 文件的方法;对于 JSON,则展示了如何使用 Newtonsoft.Json 库进行数据解析和序列化。此外,文章还总结了常见问题及其解决方案,帮助开发者更好地应对实际项目中的挑战。
188 61
C# 中的 XML 与 JSON 数据处理
|
2月前
|
XML JSON 数据可视化
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
本文详细介绍了不同数据集格式之间的转换方法,包括YOLO、VOC、COCO、JSON、TXT和PNG等格式,以及如何可视化验证数据集。
165 1
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
|
2月前
|
XML JSON 前端开发
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
419 0
|
4月前
|
存储 JSON 前端开发
jQuery Get 请求参数转换为 JSON
【8月更文挑战第22天】
|
4月前
|
XML JSON Java
使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
本文介绍了如何使用IntelliJ IDEA和Maven搭建一个整合了Struts2、Spring4、Hibernate4的J2EE项目,并配置了项目目录结构、web.xml、welcome.jsp以及多个JSP页面,用于刷新和学习传统的SSH框架。
96 0
使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
|
4月前
|
Java Spring 容器
彻底改变你的编程人生!揭秘 Spring 框架依赖注入的神奇魔力,让你的代码瞬间焕然一新!
【8月更文挑战第31天】本文介绍 Spring 框架中的依赖注入(DI),一种降低代码耦合度的设计模式。通过 Spring 的 DI 容器,开发者可专注业务逻辑而非依赖管理。文中详细解释了 DI 的基本概念及其实现方式,如构造器注入、字段注入与 setter 方法注入,并提供示例说明如何在实际项目中应用这些技术。通过 Spring 的 @Configuration 和 @Bean 注解,可轻松定义与管理应用中的组件及其依赖关系,实现更简洁、易维护的代码结构。
55 0
|
5月前
|
JSON 前端开发 API
json-server : 前端工程师的小伙伴!
json-server : 前端工程师的小伙伴!
32 0
|
5月前
|
XML JSON 缓存
优化Java中XML和JSON序列化
优化Java中XML和JSON序列化

热门文章

最新文章