jQuery - 尝试解析 XML 时，未捕获错误 : Invalid XML: [object Document]

Question

我有一些带有 Ajax 调用的 jQuery，如下所示:

$.ajax({
    type: "GET",
    url: "xml/photobank.xml",
    dataType: "xml",
    success: function(xml){
        xmlParser(xml, "Charlie");
    }
});

function xmlParser(xml, landOwner) {

    //Initial photos do not load if following line is used.
    //xml = $.parseXML(xml);

    $('#photo_container').empty();
    console.log('1');
    $(xml).find('Landowner').each(function(){
        console.log('2');
        var landownerName = $(this).attr('Name');
        if (landownerName === landOwner) {
            $(this).find('Photo').each(function(){
                $("#photo_container").append('<div class="photo ' + $(this).find("Category").text().toLowerCase() + '"><p>' + $(this).find("Animal").text() + '</p>'+ '<img class="photobank" src="images/' + $(this).find("Image").text() + '" />' + '</div>');
            })
        }
    });
}

您可以在此处查看 XML 文件:http://lamanai.org/catmap/xml/photobank.xml

但是，Ajax 不显示已解析的 XML，并在 Chrome 的控制台中抛出此错误:Uncaught Error: Invalid XML: [object Document]。我是不是在错误的时间调用了 Ajax？现在它已准备好文档，因为我需要在初始页面加载时解析初始“Charlie”类别。

如果我删除 xml = $.parseXML(xml); 行，初始解析的 XML 会加载，但随后我会得到 Uncaught ReferenceError: xml is not defined之后尝试使用 xmlParser 函数时出错。

有什么提示吗？这是我第一次接触 Ajax。

HTML:http://lamanai.org/catmap/

JS: http://lamanai.org/catmap/js/cameramap.js

XML:http://lamanai.org/catmap/xml/photobank.xml

--

更新:xml = $.parseXML(xml); 行已删除，但现在我无法重新使用该函数。以下代码导致 xml is not defined 错误。

$('#btn_arnoldo').click(function(){
    xmlParser(xml, "Arnoldo");
});

我可以改用下面的 Ajax 调用，并且让它工作，但是每次我想切换我想使用的 XML 的哪一部分时，真的有必要执行 Ajax 吗？我认为最初的 Ajax 为我提供了一个我可以从中解析的对象？

$('#btn_arnoldo').click(function(){
    $.ajax({
        type: "GET",
        url: "xml/photobank.xml",
        dataType: "xml",
        success: function(xml){
            xmlParser(xml, "Arnoldo");
        }
    });
}); 

Answer 1

看起来已经解析过了。您的 xml 对象似乎已经包含一个 xml 文档，而 parseXML应该用于将 XML 字符串转换为 XML 文档。如果您想访问所有图像标签，您应该能够使用 jQuery 来使用每个标签迭代所有这些标签。