vue 怎么解析xml

用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

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐