【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)的数据格式。后续还会研究研究。


相关文章
|
1月前
|
JSON 前端开发 JavaScript
前端使用lottie-web,使用AE导出的JSON动画贴心教程
前端使用lottie-web,使用AE导出的JSON动画贴心教程
|
1月前
|
XML JSON 前端开发
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(支持并行网关)
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(支持并行网关)
77 3
|
1月前
|
XML JSON 前端开发
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(简单支持发起人与审批人的流程)
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(简单支持发起人与审批人的流程)
57 2
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(简单支持发起人与审批人的流程)
|
17天前
|
XML JSON 前端开发
初学者指南:JSON 和 XML 的区别
当我们讨论数据交换格式时,JSON(JavaScript对象表示法)和 XML(可扩展标记语言)无疑是最受欢迎的两种选择。这两者各有优点和缺点,根据具体的应用场景,选择合适的格式可以显著提高开发效率和系统性能。
|
30天前
|
JavaScript 前端开发 算法
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
|
30天前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
22 0
|
1月前
|
JSON 前端开发 JavaScript
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
|
1月前
|
JSON JavaScript 前端开发
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
|
1月前
|
XML JSON 前端开发
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(排它条件网关)
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(排它条件网关)
20 3
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(排它条件网关)
|
1月前
|
XML 存储 JSON
c#XML、JSON的序列化和反序列化,看完你就懂了
c#XML、JSON的序列化和反序列化,看完你就懂了
36 0