关于xml文件的请求和前端渲染

一、xml和json对比

  xml:扩展标记语言,
    优点:格式统一,格式标准,容易与其他系统远程交互,数据共享比较方便
    缺点:xml文件庞大,格式复杂,解析会花费大量时间和资源;服务器和客户端需要花费大量代码解析,不易维护且复杂


  json:轻量级数据交互格式,具有良好的可读和便于快速编写的特性
    优点:数据格式简单,易于读写;易于解析,在服务器和客户端有统一的标准解析,简化代码量。便于开发和维护
    缺点:通用性较差,在web领域应用应用处于初级阶段

  对比:
    1.xml规范标签,json推荐语法,可读性不相上下
    2.xml扩展性较好
    3.json比xml更容易编写,且更容易解析
    4.json体积较小,传输速度远快于xml
    5. JSON只提供整体解析方案,而这种方法只在解析较少的数据时才能起到良好的效果;XML提供了对大规模数据的逐步解析方案,这种方案很适合于对大量数据的处理

二、前端对xml文件的解析和渲染

  1.利用ajax请求,请求的路径为xml文件,注意:需在有服务器的情况下,本次实例是利用node搭建的本地服务器,打开html文件。

  

  2.在js中利用ajax请求xml

  

  3.根据返回的数据,获取到xml文件的字符串,创建DOMParser对象,

  用以解析字符串

  4.解析完后直接获取相关dom遍历,渲染到页面

  

 

 

 

  

转载于:https://www.cnblogs.com/hcg2375228278/p/10008003.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值