jquery解析XML及获取XML节点名称的实现代码

以下是关于“jquery解析XML及获取XML节点名称的实现代码”的攻略。

1. 解析XML文档

使用 jQuery 解析 XML 文档非常简单，可以使用 $.parseXML() 方法将 XML 格式的字符串转换为 XML 文档对象，然后使用 jQuery 对象的 API（如 find() / filter() / each()）对文档进行操作。

示例代码如下：

var xmlStr = '<bookstore><book><title>Harry Potter</title><price>29.99</price></book></bookstore>';
var xmlDoc = $.parseXML(xmlStr);  // 将字符串转为XML文档对象
$(xmlDoc).find("book").each(function() {  // 查找book节点
  var title = $(this).find("title").text(); // 获取title节点文本
  var price = $(this).find("price").text(); // 获取price节点文本
  console.log('title:', title, 'price:', price);
});

在上述代码中，我们通过 $.parseXML() 将 XML 格式字符串转换为 XML 文档对象，然后使用 find()、each() 等 jQuery API 查找特定节点并获取其子节点文本内容。

如果是通过 $.ajax() 方法从服务器上获取 XML 文档，则可以在请求设置参数中添加 dataType: "xml"，表示返回类型为 XML。

例如：

$.ajax({
  url: "books.xml",
  dataType: "xml",
  success: function(xmlDoc) {
    $(xmlDoc).find("book").each(function() {
      var title = $(this).find("title").text(); // 获取title节点文本
      var price = $(this).find("price").text(); // 获取price节点文本
      console.log('title:', title, 'price:', price);
    });
  }
});

2. 获取节点名称

获取节点名称可以使用 nodeName 属性，访问该属性可以获取 XML 元素/节点的名称。

示例代码如下：

var xmlStr = '<bookstore><book><title>Harry Potter</title><price>29.99</price></book></bookstore>';
var xmlDoc = $.parseXML(xmlStr);  // 将字符串转为XML文档对象
$(xmlDoc).find("book").each(function() {  // 查找book节点
  console.log('book nodeName:', this.nodeName);  // 输出book节点名称
  console.log('title nodeName:', $(this).find("title")[0].nodeName);  // 输出title节点名称
  console.log('price nodeName:', $(this).find("price")[0].nodeName);  // 输出price节点名称
});

上述代码中，我们通过访问 XML 元素/节点的 nodeName 属性，可以轻松获取该元素/节点的名称。

另外需要注意的是，如果需要获取 XML 属性名称，则可以使用 attr() 方法。

例如：

var xmlStr = '<bookstore><book id="001"><title>Harry Potter</title><price>29.99</price></book></bookstore>';
var xmlDoc = $.parseXML(xmlStr);  // 将字符串转为XML文档对象
$(xmlDoc).find("book").each(function() {
  console.log('book id attribute:', $(this).attr('id'));
});

在上述示例中，我们使用 attr() 方法获取了 book 元素的 id 属性值，并将其输出到控制台。