前言
平常的开发过程中,我们会遇到一些情况,后台接口给我们返回的都是一些xml文件,前端需要将数据进行一些处理,如果是传统的前端开发可能需要需要生成html标签用于页面渲染,在现在前后端分离的开发场景下,更多的是数据驱动,也就是将xml数据提取出json格式的数据,用于页面的渲染。
原理
xmlParser domParser 创建dom节点假如页面的dom结构中
xml文件转成json格式的数据
- 使用x2js插件
npm install x2js --save
import x2js from 'x2js';
Vue.prototype.$x2js = new x2js();
let jsonInfo = this.$x2js.xml2js(xmlInfo);