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


相关文章
|
JSON 人工智能 JavaScript
大语言模型下的JSON数据格式交互
本文作者总结了在解析JSON过程中遇到的一些问题和解决方案。
|
JSON API 数据格式
淘系等商品评论Json数据格式参考,API接口测试
通过以上示例和说明,你可以了解淘系商品评论的JSON数据结构和如何使用相关API接口获取评论数据。在实际操作中,你需要参考具体的API接口文档和开放平台的相关说明进行配置和调用。
|
XML JSON 数据可视化
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
本文详细介绍了不同数据集格式之间的转换方法,包括YOLO、VOC、COCO、JSON、TXT和PNG等格式,以及如何可视化验证数据集。
4187 1
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
414 4
|
存储 JSON 安全
商品详情(item getAPI接口)json数据格式参考
某东商品详情(item get API接口)的JSON数据格式参考如下
|
JSON API 数据格式
Amazon商品详情API,json数据格式示例参考
亚马逊商品详情API接口返回的JSON数据格式通常包含丰富的商品信息,以下是一个简化的JSON数据格式示例参考
|
JSON API 数据格式
商品详情(item getAPI接口)json数据格式参考
淘宝商品详情(item get API接口)返回的JSON数据格式是一个复杂且灵活的结构,包含多个字段和对象。以下是一个简化的JSON数据格式参考:
|
JSON 缓存 前端开发
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
242 3
|
JSON API 数据格式
店铺所有商品列表接口json数据格式示例(API接口)
当然,以下是一个示例的JSON数据格式,用于表示一个店铺所有商品列表的API接口响应
|
JSON API 数据安全/隐私保护
拍立淘按图搜索json数据格式示例(API接口)
拍立淘按图搜索API接口为电商平台和购物应用提供了强大的图像搜索功能,能够显著提升用户的购物体验和搜索效率。开发者可以根据自己的需求调用此接口,并处理返回的JSON格式数据来展示推荐商品