javascript - 通过相同的函数解析来自各种 xml 源的数据

Question

我想在我的 div 中加载一些 XML 源。 div 结构是相同的，但每个 div 都有一个 data-XML 属性，提供其 xml 文件的链接。因此该 div 必须提供其 XML 数据。当然，所有 XML 文件的结构都是相同的，但我正在尝试创建一个函数，该函数采用 XML 和 HTML 元素，然后在 div 内添加数据。

<强> JSFIDDLE

HTML:

<div class="data" data-xml="https://dl.dropboxusercontent.com/u/33538012/file1.xml">
</div>
<div class="data" data-xml="https://dl.dropboxusercontent.com/u/33538012/file2.xml">
</div>

JS:

$(".data").each(function() {
  // store element instance 
  var elem = $(this);
  var path = $(this).attr("data-xml");

  $.ajax({
    url: path,
    dataType: "xml",
    success: function(xml) {
      parse(document, elem);
    },
    error: function() {
      alert("Error: Something went wrong with loading the playlist!");
    }
  });

});

function parse(document, elem) {
  console.log($(document).find("name").text());

  $(document).find("person").each(function() {
    var $person = $(this);
    elem.append(
      "<div class='name'>Name: " +
      $person.find("name").text() +
      "</div><div class='title'>Title: " +
      $person.find("title").text() + "</div>")

  });
}

目前没有数据显示。我希望每个框都根据给定的 XML 文件显示数据。

Answer 1

您发送一个文档对象而不是“xml”对象

success: function(xml) {
  parse(document, elem); // should be - parse(xml, elem)
}