0

0

使用JavaScript和DOM解析器进行XML映射

畫卷琴夢

畫卷琴夢

发布时间:2026-02-04 11:35:54

|

605人浏览过

|

来源于php中文网

原创

浏览器用 DOMParser 解析 XML 最轻量,Node.js 需 fast-xml-parser;二者均需手动映射字段,注意空格、类型转换、命名空间及注释处理。

使用javascript和dom解析器进行xml映射

JavaScript 原生不提供 DOM 解析器直接解析 XML 字符串为可遍历的 XML 文档对象(像浏览器DOMParser 那样),但 Node.js 环境下必须借助第三方库;浏览器环境则可以直接用 DOMParser,但映射逻辑需手动编写,不能自动绑定字段。

浏览器中用 DOMParser 解析 XML 并提取数据

这是最轻量、无需安装依赖的方式,适用于前端加载配置、RSS、SOAP 响应等场景。注意它只在浏览器中可用,Node.js 会报 DOMParser is not defined

  • DOMParser 返回的是 Document 对象,不是 JSON,所有节点都得用 getElementsByTagNamequerySelectorgetAttribute 手动取值
  • XML 命名空间(如 xmlns)会让 getElementsByTagName 失效,此时必须用 getElementsByTagNameNS
  • 文本内容藏在 textContentfirstChild.nodeValue 中,空格和换行也会被当作文本节点,容易误读
const xmlStr = `JS GuideAlex`;
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, "application/xml");

if (xmlDoc.querySelector("parsererror")) { console.error("XML parse error"); } else { const title = xmlDoc.querySelector("title")?.textContent || ""; const author = xmlDoc.querySelector("author")?.textContent || ""; console.log({ title, author }); // { title: "JS Guide", author: "Alex" } }

Node.js 中解析 XML 的可靠选择:使用 fast-xml-parser

Node.js 没有内置 DOMParserxml2js 过于老旧且回调风格难维护,fast-xml-parser 是目前最接近“开箱即用”的方案——它能输出 JS 对象,支持属性、CDATA、命名空间,并可反向生成 XML。

  • 默认不保留属性(如 中的 id),需显式设置 ignoreAttributes: false
  • 属性名默认带 @_ 前缀(如 {"@_id": "123"}),可通过 attributeNamePrefix: "" 去掉
  • 同名子元素多个时,默认转成数组;若只有一个,它默认不包数组——用 alwaysCreateTextNode: truearrayMode: true 统一行为
const { XMLParser } = require("fast-xml-parser");
const xmlStr = `AB`;

const parser = new XMLParser({ ignoreAttributes: false, attributeNamePrefix: "", isArray: (tagName) => tagName === "item", }); const result = parser.parse(xmlStr); // → { root: { item: [{ id: "101", "#text": "A" }, { id: "102", "#text": "B" }] } }

手动映射 XML 到 JS 对象时最容易漏掉的三件事

所谓“XML 映射”,本质是把树状结构按业务规则转成扁平或嵌套对象。很多开发者卡在这几步,不是库不行,而是没处理好语义边界。

使用JSON进行网络数据交换传输 中文WORD版
使用JSON进行网络数据交换传输 中文WORD版

本文档主要讲述的是使用JSON进行网络数据交换传输;JSON(JavaScript ObjectNotation)是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成,非常适合于服务器与客户端的交互。JSON采用与编程语言无关的文本格式,但是也使用了类C语言的习惯,这些特性使JSON成为理想的数据交换格式。 和 XML 一样,JSON 也是基于纯文本的数据格式。由于 JSON 天生是为 JavaScript 准备的,因此,JSON的数据格式非常简单,您可以用 JSON 传输一个简单的 St

下载

立即学习Java免费学习笔记(深入)”;

  • XML 元素可能为空标签()或只有空白字符,textContent 会返回 "\n \t",直接 .trim() 不够,建议用 el.textContent?.replace(/\s+/g, " ").trim()
  • 数字、布尔值全为字符串,42 不会自动转成 42,需按 schema 显式转换,否则后续计算出错
  • XML 注释()和处理指令()在 DOMParser 中是节点,但 querySelector 查不到,遍历时要用 nodeType === 8(注释)或 nodeType === 7(处理指令)过滤

映射的核心从来不在解析器选型,而在于你是否定义了字段语义:哪些是必填、哪些要转类型、哪些允许缺失、哪些需去重合并。XML 本身不带类型系统,这部分必须手写,绕不开。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

425

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

538

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

313

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

78

2025.09.10

counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

198

2023.11.20

pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1911

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2095

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

1096

2024.11.28

抖音网页版入口与视频观看指南 抖音官网视频在线访问
抖音网页版入口与视频观看指南 抖音官网视频在线访问

本专题汇总了抖音网页版的入口链接、官方登录页面以及视频观看入口,帮助用户快速访问抖音网页版,提供免登录访问方式和直接进入视频播放页面的方法,确保顺利浏览和观看抖音视频。

0

2026.02.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号