vue中利用x2js将后端返回的xml数据转成json数据

最新推荐文章于 2024-08-12 09:50:37 发布

努力的睿小宝

最新推荐文章于 2024-08-12 09:50:37 发布

阅读量1.5k

点赞数 1

文章标签： vue.js xml json

本文链接：https://blog.csdn.net/weixin_44279243/article/details/131168676

版权

文章介绍了在Vue项目中如何安装和使用x2js库将XML数据转换为JSON对象。首先通过npm安装x2js，然后在main.js中全局挂载，接着在需要的组件中导入并实例化，最后展示了一个XML到JSON的转换示例。

摘要由CSDN通过智能技术生成

1.打开vue工程，使用命令安装x2js

npm install x2js

2.打开main.js 加入以下两行内容

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

3.在需要用到插件的.vue页面中引入插件

import X2js from 'x2js';

4.在方法中进行转化

// 实例化
let x2js = new X2js();
let xml = '<?xml version="1.0" encoding="UTF-8"?><project version="4"><component name="ChangeListManager"><list default="true" id="a99a6c74-2bc6-4187-aeeb-1770ca40c02e" name="Default" comment=""><change beforePath="$PROJECT_DIR$/gulpfile.js" beforeDir="false" afterPath="$PROJECT_DIR$/gulpfile.js" afterDir="false" /></list><ignored path="jsencrypt.iws" /><ignored path=".idea/workspace.xml" /><option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" /><option name="TRACKING_ENABLED" value="true" /><option name="SHOW_DIALOG" value="false" /><option name="HIGHLIGHT_CONFLICTS" value="true" /><option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" /><option name="LAST_RESOLUTION" value="IGNORE" /></component></project>';
// 将xml解析为我们需要的json对象
let json = x2js.xml2js(xml);
console.log(json);

5.输出结果