打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
XML、HTML、JSON对比
userphoto

2022.12.21 山西

关注

HTML(作用:网页)

  优点:1、由于它本身就是所期望的数据格式,可以直接插入页面,不用解析;

     2、可读性高。

  缺点:1、如果要使用AJAX更新一篇文章的多个内容,HTML数据格式不合适;

XML(作用:一般用作配置文件,数据传输格式):处理xml格式的数据分三步,首先解析xml文档,然后构建节点,最后把节点放入要显示的HTML页面中。

  优点:1、不必把数据强加到已定义好的格式中(相对于html),而是要为数据自定义合适的标记;

       2、XML是一种通用的数据格式。

  缺点:1、如果文档来自于服务器,就必须保证文档含有正确的首部信息(如:<?xml version="1.0" encoding="utf-8"?> );

例:

<?xml version="1.0" encoding="utf-8"?>
<country>
    <name>中国</name>
    <province>
        <name>黑龙江</name>
        <cities>
            <city>哈尔滨</city>
            <city>大庆</city>
        </cities>
    </province>
    <province>
        <name>广东</name>
        <cities>
            <city>广州</city>
            <city>深圳</city>
            <city>珠海</city>
        </cities>
    </province>
    <province>
        <name>台湾</name>
        <cities>
            <city>台北</city>
            <city>高雄</city>
        </cities>
    </province>
    <province>
        <name>新疆</name>
        <cities>
            <city>乌鲁木齐</city>
        </cities>
    </province>
</country>

JSON(作用:JSON与XML很相似)

  优点:1、比XML体积更小;

       2、在网上传输时,相比XML可以更省流量;

     3、相比XML,JSON不需要从服务器端发送含有特定内容类型的首部信息。

      缺点:1、语义性差,没XML直观。

例:

{
    "name": "中国",
    "province": [{
        "name": "黑龙江",
        "cities": {
            "city": ["哈尔滨", "大庆"]
        }
    }, {
        "name": "广东",
        "cities": {
            "city": ["广州", "深圳", "珠海"]
        }
    }, {
        "name": "台湾",
        "cities": {
            "city": ["台北", "高雄"]
        }
    }, {
        "name": "新疆",
        "cities": {
            "city": ["乌鲁木齐"]
        }
    }]
}



注意:1、XML 解析是将 XML 数据从其序列化字符串格式转换为分层格式的过程。

     2、JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。



三种格式的对比总结

(1)如果应用程序不需要与其它应用程序共享数据的时候,优先选择HTML,使用HTML片段来返回数据最简单。
(2)如果数据需要重用,优先选择JSON,其在性能和文件大小方面有一定优势。
(3)当远程应用程序未知时,优先选择XML,因为XML是web服务的领域的“世界语言”。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Unity3D读取XML文档信息
JSON
Ajax(2) —— Ajax接收JSON数据
JSON资料整理
JSON与XML的区别比较
浅谈JSON的两种数据结构 - - ITeye技术网站
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服