0

0

javascript怎样操作XML数据_如何解析和生成XML

狼影

狼影

发布时间:2025-12-31 11:24:07

|

673人浏览过

|

来源于php中文网

原创

javascript操作xml分解析与生成两部分:浏览器用domparser和xmlserializer,node.js需xml2js等第三方库;解析时注意mime类型、错误检测及大小写敏感性,生成时需手动美化格式。

javascript怎样操作xml数据_如何解析和生成xml

JavaScript 操作 XML 主要分两部分:解析已有 XML 数据(如从服务器获取的 XML 字符串或文件),以及生成新的 XML 结构。现代浏览器原生支持 DOMParserXMLSerializer,无需额外库即可完成基本操作;Node.js 环境则需借助第三方库(如 xml2jsxpath)。

用 DOMParser 解析 XML 字符串

这是最常用、兼容性良好的方式,适用于浏览器环境。把 XML 字符串转为可遍历的 DOM 文档对象。

  • 创建 DOMParser 实例,调用 parseFromString(),第二个参数必须是 "text/xml""application/xml"
  • 解析失败时不会报错,但返回的文档中 documentElementnull,可通过检查 parseError(IE)或 document.querySelector("parsererror")(Chrome/Firefox)判断
  • 成功后可用标准 DOM 方法(querySelectorgetElementsByTagNamegetAttribute 等)提取数据

示例:

const xmlStr = `<book category="fiction">
  <title lang="en">The Great Gatsby</title>
  <author>F. Scott Fitzgerald</author>
</book>`;

const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, "text/xml");

if (xmlDoc.querySelector("parsererror")) {
  console.error("XML 解析失败");
} else {
  const title = xmlDoc.querySelector("title").textContent; // "The Great Gatsby"
  const lang = xmlDoc.querySelector("title").getAttribute("lang"); // "en"
}

用 XMLSerializer 生成 XML 字符串

当你已有一个 XML 文档对象(比如用 document.implementation.createDocument() 创建的),可以用它转回格式化字符串。

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

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

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

下载
  • 新建空 XML 文档:document.implementation.createDocument(null, "root", null)
  • createElementsetAttributeappendChild 构建结构
  • 最后用 new XMLSerializer().serializeToString(doc) 转为字符串

注意:生成的 XML 不自动缩进,如需美化需手动添加换行和空格,或使用外部工具

处理远程 XML 文件(如 AJAX 加载)

通过 fetch 获取 XML 响应时,用 response.text() 得到字符串再解析,不要直接用 response.json()

  • fetch("data.xml").then(r => r.text()).then(str => new DOMParser().parseFromString(str, "text/xml"))
  • 服务端需正确设置响应头 Content-Type: application/xmltext/xml,否则某些旧浏览器可能解析异常
  • 跨域请求需服务端配置 CORS,否则会触发同源策略拦截

Node.js 中操作 XML

Node.js 没有内置 DOMParser,推荐使用成熟库:

  • xml2js:最流行,支持 XML ↔ JSON 双向转换,适合简单读写
  • libxmljs:基于 libxml2,性能好、功能全(XPath、XSLT),但需编译原生模块
  • xpath(配合 xmldom):轻量组合,模拟浏览器 DOM API,适合习惯 DOM 操作的场景

例如用 xml2js 解析:

const xml2js = require('xml2js');
const parser = new xml2js.Parser();

parser.parseString('<note><to>Alice</to><from>Bob</from></note>', (err, result) => {
  if (!err) console.log(result.note.to[0]); // "Alice"
});

不复杂但容易忽略:XML 对大小写敏感、标签必须闭合、属性值必须加引号。解析前确保 XML 格式合法,否则静默失败很常见。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

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

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

454

2023.08.07

json是什么
json是什么

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

546

2023.08.23

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

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

334

2023.10.13

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

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

82

2025.09.10

ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

166

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

170

2023.08.31

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

124

2023.11.15

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

257

2024.09.24

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

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

精品课程

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

共58课时 | 5.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

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

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