vue中引入x2js(针对xml数据进行转换处理)

x2js

这是一个在XML和JavaScript对象之间进行转换的库。转换不一定是无损的，但非常方便。(自己体会)

安装配置

---

• 可以到GitHub主页去下载库代码
  地址 ：https://github.com/abdmob/x2js

• 然后直接在使用的页面引用即可

---

• npm安装

    npm i x2js
  

使用

• 下文介绍npm安装后在vue项目中使用（仅xml转json，其余自己探索）

---

x2js.xml2js(xml) //xml2js方法，传入xml格式的数据，返回json对象

---

方法一

• 在main.js中引用

  import x2js from 'x2js' //xml数据处理插件
  Vue.prototype.$x2js = new x2js() //创建x2js对象，挂到vue原型上
  

• 在组件中使用

  var jsonObj = this.$x2js.xml2js('<?xml version="1.0" encoding="UTF-8"?><NODES><NODE><NAME>方沟</NAME><VALUE>337.9432807</VALUE></NODE><NODE><NAME>砖混</NAME><VALUE>66.8424335</VALUE></NODE><NODE><NAME>盾构</NAME><VALUE>14.8955979</VALUE></NODE><NODE><NAME>暗挖</NAME><VALUE>48.1186321</VALUE></NODE><NODE><NAME>顶管</NAME><VALUE>2.9357091</VALUE></NODE><NODE><NAME>总长度</NAME><VALUE>1272.8081174</VALUE></NODE><NODE><NAME>检查井总数</NAME><VALUE>94885</VALUE></NODE></NODES>')
    var newjsonObj = this.$x2js.xml2js(jsonObj.Envelope.Body.getSDLengthByJMLXResponse.out.__text)
    for(var i = 0;i

因为这个返回的xml数据是两次嵌套，所以执行了两次xml2js(xml)方法

• 打印结果

打印截图

---

方法二

• 直接在组件中require()

  const x2js = require('x2js')
  

• 在执行的方法中使用

    var x2jsone = new x2js()
    var jsonObj = x2jsone.xml2js('<?xml version="1.0" encoding="UTF-8"?><NODES><NODE><NAME>方沟</NAME><VALUE>337.9432807</VALUE></NODE><NODE><NAME>砖混</NAME><VALUE>66.8424335</VALUE></NODE><NODE><NAME>盾构</NAME><VALUE>14.8955979</VALUE></NODE><NODE><NAME>暗挖</NAME><VALUE>48.1186321</VALUE></NODE><NODE><NAME>顶管</NAME><VALUE>2.9357091</VALUE></NODE><NODE><NAME>总长度</NAME><VALUE>1272.8081174</VALUE></NODE><NODE><NAME>检查井总数</NAME><VALUE>94885</VALUE></NODE></NODES>')
    var newjsonObj = x2jsone.xml2js(jsonObj.Envelope.Body.getSDLengthByJMLXResponse.out.__text)
    for(var i = 0;i

• 打印结果（同上）

矫情下

实现的方法有很多，这里只是两种

这里卿洋
愿喜❤️