jQuery 解析xml文件

下面是 jQuery 解析 xml 文件的完整攻略：

步骤一：加载 xml 文件

使用 jQuery.ajax() 方法加载 xml 文件。示例代码如下：

$.ajax({
  url: "example.xml",
  method: "GET",
  dataType: "xml",
  success: function(data) {
    console.log(data);
  },
  error: function() {
    console.log("加载 xml 文件失败");
  }
});

在上面的示例代码中，我们通过 $.ajax() 方法加载了名为 example.xml 的 xml 文件，并将其结果输出到控制台中。

步骤二：解析 xml 文件

使用 jQuery 的 .find() 方法解析 xml 文件，并将获取到的节点进行处理。示例代码如下：

$.ajax({
  url: "example.xml",
  method: "GET",
  dataType: "xml",
  success: function(data) {
    $(data).find("book").each(function() {
      var author = $(this).find("author").text();
      var title = $(this).find("title").text();
      var year = $(this).find("year").text();
      console.log(author, title, year);
    });
  },
  error: function() {
    console.log("加载 xml 文件失败");
  }
});

在上面的示例代码中，我们通过 .find() 方法获取了 xml 文件中所有 book 节点，并通过 .each() 方法循环遍历每个节点，在循环中通过 .find() 方法获取 author、title、year 等节点并输出到控制台中。

示例一：使用 $.parseXML() 方法解析 xml 文件

除了上述方法，还可以使用 $.parseXML() 方法解析 xml 字符串，然后对其进行遍历操作。示例代码如下：

var xmlString = "<books><book><title>jQuery in Action</title><author>Bear Bibeault</author><year>2015</year></book><book><title>Learning jQuery</title><author>Jonathan Chaffer</author><year>2013</year></book></books>";
var xmlDoc = $.parseXML(xmlString);
$(xmlDoc).find("book").each(function() {
  var author = $(this).find("author").text();
  var title = $(this).find("title").text();
  var year = $(this).find("year").text();
  console.log(author, title, year);
});

在上面的示例代码中，我们使用 $.parseXML() 方法解析了一个 xml 字符串，并通过 .find()、.each() 方法遍历了所有 book 节点，并输出它们的 author、title、year 等节点。

示例二：使用 $().load() 方法加载 xml 文件

还可以使用 $().load() 方法加载 xml 文件，并使用 .find()、.each() 方法遍历其中的节点。示例代码如下：

$("#xmlContainer").load("example.xml", function(response, status, xhr) {
  if (status == "error") {
    console.log("加载 xml 文件失败");
    return;
  }
  $(response).find("book").each(function() {
    var author = $(this).find("author").text();
    var title = $(this).find("title").text();
    var year = $(this).find("year").text();
    console.log(author, title, year);
  });
});

在上面的示例代码中，我们使用 $("#xmlContainer").load() 方法加载了 xml 文件，并在加载完成后使用 $(response) 获取到了 xml 数据，并通过 .find()、.each() 方法遍历其中的节点。需要注意的是，上述代码中的 #xmlContainer 是一个页面元素，表示在该元素内加载 xml 文件的数据。

以上就是 jQuery 解析 xml 文件的完整攻略，通过上述的示例代码和说明，相信您已经掌握了 jQuery 解析 xml 文件的方法和技巧。