使用 jQuery 解析 XML 的方法

XML 是一种常用的数据格式，前端开发中也经常需要使用到 XML 数据。本文介绍如何使用 jQuery 解析 XML 数据，并附有示例代码。

什么是 XML？

XML（可扩展标记语言，Extensible Markup Language）是一种用于储存和传输数据的标记语言。与 HTML 不同的是，XML 允许自定义标签和属性，因此更加灵活。

XML 数据示例：

<person>
  <name>John</name>
  <age>20</age>
  <gender>male</gender>
</person>

如何使用 jQuery 解析 XML？

jQuery 提供了多种方法来解析 XML 数据，包括 .parseXML()、.find()、.text() 等方法。

.parseXML()

.parseXML() 方法可以将字符串形式的 XML 数据解析为 DOM 树，然后使用 jQuery 的选择器方法操作该树。

const xmlData = "<person><name>John</name><age>20</age><gender>male</gender></person>";
const xmlDoc = $.parseXML(xmlData);
const $xml = $(xmlDoc);

$xml.find("name").text(); // "John"
$xml.find("age").text(); // "20"
$xml.find("gender").text(); // "male"

.find()

.find() 方法可以在已解析的 XML 树上查找符合选择器的元素并返回一个 jQuery 对象。

const xmlData = "<person><name>John</name><age>20</age><gender>male</gender></person>";
const $xml = $(xmlData);

$xml.find("name").text(); // "John"
$xml.find("age").text(); // "20"
$xml.find("gender").text(); // "male"

.text()

.text() 方法可以获取已解析的 XML 树上选中元素的文本内容。

const xmlData = "<person><name>John</name><age>20</age><gender>male</gender></person>";
const $xml = $(xmlData);

$xml.find("name").text(); // "John"
$xml.find("age").text(); // "20"
$xml.find("gender").text(); // "male"

总结

使用 jQuery 解析 XML 数据，可以方便地查询和操作数据。本文介绍了三种方法：.parseXML()、.find() 和 .text()，读者可以根据自己的需求选择合适的方法。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27679