用vue请求接口的时候有时会遇到xml格式的返回数据,例如

<id>1111</id><name>lucy</name>

这样的格式用正则表达式或者截取的话都会很麻烦的,那怎么做呢???
就使用x2js来解析xml数据
第一步(安装):
1.npm

//使用npm安装
npm i x2js

下载完成后打开main.js,加入以下代码:

import x2js from 'x2js' //xml数据处理插件
Vue.prototype.$x2js = new x2js() //全局方法挂载

2.到https://github.com/abdolence/x2js上下载.js代码,下载到.js代码,直接在index.html中引入

<script type='text/javascript' src="xml2json.js"></script>

第二步(使用):

const x2js=require('x2js');
const x2jsone=new x2js(); //实例
//str是接口返回的数据
const xml = x2jsone.xml2js(str)  //解析
console.log(xml) //打印

要是在main里面设置了全局方法挂载的话

const xml = this.$x2js.xml2js(str)  //解析
console.log(xml) //打印

这样xml格式的文件就可以解析了

Logo

前往低代码交流专区

更多推荐