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

绝地灬酷狼 2022-08-23 08:47 234阅读 0赞

### 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]  
[http://www.json.org/json-zh.html][http_www.json.org_json-zh.html]  
[http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf][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</电话>
            </客户>

### **【有什么用途】** ###

### 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][http_blog.sina.com.cn_s_blog_72995dcc0101a32d.html]

### 数据类型和Json格式 ###

[http://www.ruanyifeng.com/blog/2009/05/data\_types\_and\_json.html][http_www.ruanyifeng.com_blog_2009_05_data_types_and_json.html]

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

[http_www.json.org]: http://www.json.org/
[http_www.json.org_json-zh.html]: http://www.json.org/json-zh.html
[http_www.ecma-international.org_publications_files_ECMA-ST_ECMA-404.pdf]: http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf
[http_blog.sina.com.cn_s_blog_72995dcc0101a32d.html]: http://blog.sina.com.cn/s/blog_72995dcc0101a32d.html
[http_www.ruanyifeng.com_blog_2009_05_data_types_and_json.html]: http://www.ruanyifeng.com/blog/2009/05/data_types_and_json.html