xml_examples

现代 XML 示例

这些示例展示了 XML 的常见用途，包括构建数据结构、解析以及使用现代 JavaScript 与 XML 交互。

我们还将探讨在当代 Web 开发中如何处理 XML。

基本的 XML 文件

格式良好的 XML 文档示例：

• 一个简单的笔记结构 (note.xml)
• 一个 XML CD 目录 (cd_catalog.xml)
• 一个 XML 植物目录 (plant_catalog.xml)
• 一个 XML 食物菜单 (food_menu.xml)

查看这些文件通常需要文本编辑器或浏览器，它们通常会显示 XML 树结构。

XML 格式化与显示

虽然原始 XML 是人类可读的，但它通常会被转换以用于展示。

• 使用 CSS 样式化：可以使用 CSS 应用基本的展示规则。(示例：将 cd_catalog.xml 与 CSS 文件关联)。虽然可行，但这对于复杂的显示逻辑不太常见。
• 使用 XSLT 转换：XSLT 是一种强大的语言，用于将 XML 转换为 HTML 等其他格式。(示例：使用 XSLT 显示带有样式的 food_menu.xml)。仍在特定场景中使用，尤其是文档转换。
• 使用 JavaScript 进行客户端渲染：现代 Web 应用通常解析 XML (或更常见的 JSON)，并使用 JavaScript 框架 (如 React, Vue, Angular) 或纯 JavaScript DOM 操作来动态生成 HTML。

现代方法解释

使用 JavaScript 解析 XML

JavaScript 提供了内置工具来解析从服务器获取或包含在字符串中的 XML 数据。

• 使用 Fetch API 和 DOMParser 解析 XML 文件 (现代方法)
• 使用 DOMParser 解析 XML 字符串

示例展示了如何访问 XML 结构（即 DOM）中的数据。

解析示例解释

将 XML 数据集成到 HTML 中

在 HTML 页面中动态显示 XML 数据是一项常见任务。

• 获取 XML (例如 cd_catalog.xml) 并使用 JavaScript 将其渲染到 HTML 表格中。
• 加载 XML 数据并在 HTML 元素（例如 <div>、<span>）中显示特定信息片段。

集成示例解释

简单的 XML 支持的应用

演示使用 XML 数据的基本应用逻辑。

• 遍历 XML 节点（例如，显示 cd_catalog.xml 中的下一张/上一张 CD）。
• 使用 XML 数据构建一个简单的客户端目录浏览器。

应用示例解释

从服务器获取 XML

Web 服务器经常通过 API 提供 XML 格式的数据。

• 后端框架（如 Node.js, Python/Flask/Django, Java/Spring, PHP, ASP.NET Core）如何提供 XML 数据。
• 示例：获取从数据库生成的 XML 输出。
• 注意：虽然 XML 仍在使用，但由于其更简单的结构和原生的 JavaScript 支持，JSON 在 Web API 中现在更常见。

服务器示例解释

高级 XML DOM 操作

使用 JavaScript 与 XML DOM 交互：

• 读取元素值和属性。
• 修改元素值。
• 添加新元素或属性。
• 移除元素或属性。

高级 DOM 示例解释