XML 转 JSON

相关推荐

关于 XML 转 JSON：把 XML 数据自动转换为标准 JSON 对象

适用场景

• 对接支付网关、ERP、CRM 等只返回 XML 响应的遗留企业 API 时，把 XML 报文快速转为 JSON 供现代前端或 Node.js 后端使用。
• 解析 RSS / Atom 订阅源为 JSON，方便在 Web 前端展示、聚合到统一 feed 阅读器，或导入数据库。
• 读取 Spring、Tomcat、Apache 等 Java 应用的 XML 配置文件（web.xml、applicationContext.xml），转为 JSON 后用 jq 查询或导入其他工具。
• 把 SOAP 1.1/1.2 协议的 XML 响应转为 JSON，配合 Node.js 的 jsonwebtoken、lodash 等库进行后续处理。
• 解析 Maven 的 pom.xml、Ant 的 build.xml 等构建脚本为 JSON，用作项目元数据可视化、依赖分析等。
• 把 RSS feed、Sitemap XML、Atom 订阅源转为 JSON 格式存储到 Elasticsearch、MongoDB 等现代数据库。
• 对接医疗、金融行业的 HL7、ISO 20022 等基于 XML 的行业标准数据格式时，把 XML 报文转为 JSON 供现代微服务处理。
• 把 Google Merchant Center、Sitemap.org 等 SEO 相关的 XML 文件（sitemap.xml、robots.xml）转为 JSON 供爬虫或分析工具使用。
• 接口联调时把第三方接口返回的 XML 用本工具转为 JSON，再复制到 Postman、Apifox 的 Body 里继续走 JSON 化的接口验证流程。
• 前端工程师把后端 XML 接口的响应粘进工具转成 JSON 后，用 JSONPath 或 JSON 格式化工具反查指定字段，避免在 XML 里逐层找节点。
• 测试工程师把录制下来的 SOAP 请求/响应 XML 报文转为 JSON 后，作为单元测试的 expected fixture 写到 Jest、Mocha 用例里。
• 运维排查线上问题时，把 Nginx、Apache 或应用日志里截到的 XML 报文片段贴进工具转成 JSON，便于对比正常与异常两次返回的字段差异。
• 把数据库导出的 XML dump（如 MySQL 的 mysqldump --xml 模式、PostgreSQL 的 COPY TO XML）转成 JSON，再借助 JSON 转 CSV 工具导入 Excel 做数据分析。
• 做 Mock 数据时，把手工编写的 XML 接口样例先用本工具转 JSON，再通过 JSON 转 TypeScript 类型工具直接生成前端 interface 定义。
• 数据分析师处理企业 ERP、CRM 导出的 XML 报表时，先把 XML 转成 JSON 再用 JSONPath 过滤关键字段，最后导出 CSV 给业务团队做表。
• 把第三方 SDK 返回的 Svg、MathML、UBL 等带命名空间的 XML 转成 JSON 后，再用 JSON 格式化工具压缩或美化，作为前端组件 props 注入使用。
• 对接老旧 OA、工单系统导出的不规范 XML（缺闭合标签、没声明头）时，借助工具自带的 tryFixXML 自动修复后再转 JSON，避免反复排查脏数据。
• 把 chatGPT、客服系统导出的聊天记录 XML 转成 JSON，再交给 JSON 转 YAML / TOML 工具，生成可供文档站使用的配置化样例。
• 把 XML 处理成 JSON 后，再用 JSON 转 SQL 工具批量生成 INSERT 语句，把行业 XML 数据（HL7、ISO 20022）写入关系型数据库。
• 运维把 K8s、Istio、Spring Cloud Config 等平台的 YAML/XML 配置先用本工具预览转 JSON 后的结构，再决定是否改用 JSON 配置文件提交。

使用方法

1. 在左侧输入框粘贴 XML 内容，或点击「上传」按钮选择 .xml/.txt 文件，或点击「示例」加载内置的 bookstore 示例。
2. 工具会自动转换（输入后 500ms 防抖）；在右侧查看转换后的 JSON 或 YAML，CodeMirror 语法高亮便于阅读。
3. 点击右侧工具栏的 JSON / YAML 按钮实时切换输出格式。也可以使用「格式化」（⇧⌘+F）或「压缩」（⇧⌘+C）按钮调整 XML 输入的格式。
4. 点击「复制」将 JSON/YAML 复制到剪贴板，或点击「下载」保存为对应扩展名的文件（output.json / output.yaml / output.xml）。
5. 如需修复 XML 语法错误，点击错误提示旁的「修复」按钮（或在工具栏的「示例」旁的下拉菜单），工具会调用 tryFixXML 自动添加 XML 声明和补全自闭合标签。
6. 将 JSON 粘贴到目标代码中（如 TypeScript interface 定义、API 响应类型等），或导入到后端服务进行进一步处理。

功能特点

• 智能 DOM 树解析：基于浏览器原生 DOMParser 解析 XML，自动遍历节点树生成标准 JSON 对象，零依赖。
• 属性直接映射：XML 属性（如 id="1"、category="fiction"）直接转为 JSON 对象的普通字段，无需 @ 前缀。
• 重复元素数组化：同名重复 XML 元素自动合并为 JSON 数组（{book: [{...}, {...}]}），符合常见数据结构约定。
• 文本节点提取：元素文本内容自动存入 value 字段，与属性和子元素并列保留。
• 双格式输出：一键切换 JSON（prettyPrint 2 空格缩进）和 YAML（2 空格缩进、列表前缀 -）双格式，适配不同应用场景。
• XML 错误自修复：内置 tryFixXML 修复函数，自动添加缺失的 XML 声明，补全 br/hr/img 等自闭合标签。
• XML 格式化压缩：使用 xml-formatter 库支持 prettyPrint 美化输出和 minify 压缩输出（2 空格缩进或无空白）。
• 实时自动转换：输入 XML 后 500ms 防抖自动转换，无需手动点击，输出实时同步更新。
• JSON/XML 双重高亮：左侧 CodeMirror XML 语法高亮，右侧根据格式切换 JSON 或 YAML 高亮。
• 完整快捷键体系：6 个常用快捷键（格式/压缩/转换/上传/下载/清空），支持 macOS 和 Windows/Linux。
• 复制与下载：一键复制到剪贴板，或下载为标准 output.json/output.yaml/output.xml 文件（按当前格式自动选择扩展名）。
• 纯浏览器本地处理：所有 XML 解析、DOM 遍历、JSON 序列化都在浏览器 JavaScript 中完成，原始数据不上传，DOMParser 由浏览器原生提供。

常见问题

故障排查

术语表

XML (eXtensible Markup Language)

可扩展标记语言，由 W3C 于 1998 年制定。使用尖括号标签描述数据结构和内容，支持命名空间、Schema 验证、XSLT 转换。是 SOAP Web Service、Office Open XML、RSS、Atom 等的标准格式。

JSON (JavaScript Object Notation)

轻量级数据交换格式，基于 JavaScript 对象语法但独立于编程语言。支持对象 ({}), 数组 ([]), 字符串, 数字, 布尔, null 六种基本类型。是现代 Web API、NoSQL 数据库、JavaScript 生态的事实标准。

DOMParser

浏览器原生 API（W3C DOM 标准），将 XML 或 HTML 字符串解析为 DOM 树。所有现代浏览器（Chrome、Firefox、Safari、Edge）都内置支持，无需引入第三方库。基于 DOM 树可以方便地遍历、查询、修改 XML 内容。

xml-formatter

轻量级 JavaScript 库（不到 30KB），用于格式化（prettyPrint）和压缩（minify）XML 文档。支持自定义缩进、换行符、collapseContent 等选项。本工具使用它提供 XML 格式化和压缩功能。

属性映射（attribute mapping）

XML 元素属性转为 JSON 对象字段的映射方式。本工具采用直映模式：<book id="1"> 转为 {id: "1"}，不使用 @ 前缀。生成更干净的 JSON 结构，TypeScript interface 定义更简单。

重复元素数组化

XML 中同名重复元素（如多个 <item>）自动合并为 JSON 数组。这是 XML 转 JSON 的关键设计决策，符合 JSON 的列表语义，避免数据丢失。

value 字段

本工具约定的 XML 元素文本内容字段名。元素 <title>Great Gatsby</title> 转为 {value: "Great Gatsby"}。如果元素同时有属性和文本，属性和 value 并列在同一对象中。

YAML (YAML Ain't Markup Language)

人类友好的数据序列化格式，广泛用于 Kubernetes、Docker Compose、Ansible、GitHub Actions 等配置文件。本工具支持简单 YAML 输出，2 空格缩进、列表前缀 -、键值对 : 分隔。

SOAP (Simple Object Access Protocol)

基于 XML 的 Web 服务通信协议。SOAP 消息由 SOAP envelope（XML 命名空间）包裹，内含 header 和 body（XML payload）。本工具可解析 SOAP 消息为 JSON 供现代 JavaScript 服务使用。

RSS / Atom feed

基于 XML 的内容订阅格式。RSS 2.0 格式以 <rss><channel><item> 结构组织内容，Atom 使用 <feed><entry> 结构。本工具将 RSS/Atom 转为 JSON 数组便于在前端展示或聚合到数据库。

XML 命名空间（namespace）

通过 xmlns 属性避免元素名称冲突的机制，格式如 xmlns:prefix="uri"。DOMParser 原生支持命名空间，命名空间前缀会作为元素名称的一部分保留在 JSON 中。

CDATA 段

XML 中的特殊语法 <![CDATA[...]]>，用于在元素内嵌入含特殊字符（如 <、>、&）的文本而无需转义。DOMParser 会将 CDATA 内容合并到元素的 textContent 中，工具按普通文本处理。

tryFixXML

本工具内置的 XML 修复函数，会自动添加缺失的 XML 声明（<?xml version="1.0" encoding="UTF-8"?>），并为 br、hr、img 等常见自闭合标签补全 /。处理老旧系统或不规范第三方接口的脏数据。

prettyPrint

xml-formatter 库的输出模式。启用后生成的 XML 自动添加缩进和换行（如 2 空格缩进），可读性高；禁用时输出紧凑无空白（minify）。

XML 元素到 JSON 字段的映射规则

本工具基于 DOMParser 解析的转换映射规则：

JSON vs YAML 输出格式对比

本工具支持的两种输出格式的特点和适用场景：

XML 与 JSON 格式对比

两种数据格式在不同维度上的对比，帮助理解何时选择 XML 或 JSON：

Privacy & Security

本 XML 转 JSON 工具所有操作完全在你的浏览器本地完成：XML 解析（基于浏览器原生 DOMParser）、DOM 树遍历、JSON 序列化、YAML 转换全部通过浏览器 JavaScript 在客户端执行，xml-formatter 是唯一外部依赖（小于 30KB 的 npm 包）。原始 XML 数据不上传到任何服务器。文件上传使用浏览器原生 FileReader API 直接读取到内存，不经过任何中间服务。不使用 Cookie 追踪，不收集任何用户输入或使用数据。关闭或刷新页面后，所有输入和输出内容自动从内存清除。适合处理含敏感业务数据（订单信息、用户凭证、企业 API 响应）的 XML 报文。

Authoritative References

• W3CXML 1.0 规范 - W3C
• MDNDOMParser API - MDN
• W3CSOAP 1.2 规范 - W3C
• MDNJSON 规范 - MDN Web Docs
• RSS Advisory BoardRSS 2.0 规范
• GitHubxml-formatter GitHub 仓库