如何使用 jQuery 解析 XML 响应

Question

我正在尝试使用 jQuery 解析 xml 响应并仅在页面中输出一个元素，但我没有成功。

下面是我用于响应的代码对其进行解析。

$.ajax({
    url: UCMDBServiceUrl,
    type: "POST",
    dataType: "xml",
    data: soapMessage,
    success: UCMDBData,
    crossDomain: true,
    contentType: "text/xml; charset=\"utf-8\""
});
alert("Sent2");
return false;
}

function UCMDBData(xmlHttpRequest, status, msg)
{
     alert("Came back1");
     $(xmlHttpRequest.responseXML).find('tns:CIs').each(function()
     {
        alert("Came back2");
        $(this).find("ns0:CI").each(function()
        {
            alert("Came back3");
            $("#output").append($(this).find("ns0:ID").text());
        });
     });     
}

我收到“Came back1”的警报，但似乎没有进一步进展。下面是我尝试使用上面的 jquery 代码解析的 XML 响应。我最终尝试从响应中返回的文本位于此元素中

<?xml version='1.0' encoding='utf-8'?>
<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/"><soapenv:Header />
    <soapenv:Body>
        <tns:getFilteredCIsByTypeResponse xmlns:ns0="http://schemas.hp.com/ucmdb/1/types" xmlns:ns1="http://schemas.hp.com/ucmdb/ui/1/types" xmlns:ns2="http://schemas.hp.com/ucmdb/1/types/query" xmlns:ns3="http://schemas.hp.com/ucmdb/1/types/props" xmlns:ns4="http://schemas.hp.com/ucmdb/1/types/classmodel" xmlns:ns5="http://schemas.hp.com/ucmdb/1/types/impact" xmlns:ns6="http://schemas.hp.com/ucmdb/1/types/update" xmlns:ns7="http://schemas.hp.com/ucmdb/discovery/1/types" xmlns:ns8="http://schemas.hp.com/ucmdb/1/types/history" xmlns:tns="http://schemas.hp.com/ucmdb/1/params/query">
            <tns:CIs>
                <ns0:CI>
                    <ns0:ID>4d030502995a00afd989d3aeca2c990c</ns0:ID>
                    <ns0:type>nt</ns0:type>
                    <ns0:props>
                        <ns0:strProps>
                            <ns0:strProp>
                                <ns0:name>name</ns0:name>
                                <ns0:value>prodoo</ns0:value>
                            </ns0:strProp>
                        </ns0:strProps>
                        <ns0:booleanProps>
                            <ns0:booleanProp>
                                <ns0:name>host_iscomplete</ns0:name>
                                <ns0:value>false</ns0:value>
                            </ns0:booleanProp>
                        </ns0:booleanProps>
                    </ns0:props>
                </ns0:CI>
            </tns:CIs>
            <tns:chunkInfo>
                <ns0:numberOfChunks>0</ns0:numberOfChunks>
                <ns0:chunksKey>
                    <ns0:key1 />
                    <ns0:key2 />
                </ns0:chunksKey>
            </tns:chunkInfo>
        </tns:getFilteredCIsByTypeResponse>
    </soapenv:Body>
</soapenv:Envelope>

所以我的问题是如何正确解析数据？我相信代码语法是正确的，但我没有得到预期的返回结果。我将不胜感激任何帮助，谢谢。

编辑

我已经将我的代码修改为以下建议，但仍然没有运气：

$.ajax({
    url: UCMDBServiceUrl,
    type: "POST",
    dataType: "xml",
    data: soapMessage,
    success: UCMDBData,
    crossDomain: true,
    contentType: "text/xml;"
    });
alert("Sent2");
return false;
}

function UCMDBData(data, textStatus, jqXHR) {
    alert("Came back1");
    $(data).find('tns:CIs').each(function () {
        alert("Came back2");
        $(this).find("ns0:CI").each(function () {
            alert("Came back3");
            $("#output").append($(this).find("ns0:ID").text());
            document.AppServerForm.outputtext.value = document.AppServerForm.outputtext.value + "http://localhost:8080/ucmdb/cms/directAppletLogin.do?objectId=" + $(this).find('ns0:ID').text() +"&infopane=VISIBLE&navigation=true&cmd=ShowRelatedCIs&interfaceVersion=8.0.0&ApplicationMode=ITU&customerID=1&userName=admin&userPassword=admin";

    });
});

}

当我执行时，我收到的唯一警报消息是“Came back1”，这意味着代码仍然没有使用 jquery 正确地通过 xml。还有其他建议吗？

Answer 1

命名空间范围的名称需要稍微不同地处理。根据这个答案：
使用命名空间进行 jQuery XML 解析
您需要使用属性选择器 [@nodeName=tns:CIs] 来代替。

对于 1.3 之后的 jQuery 版本，您可能需要删除“@”。另一个建议是转义冒号：.find('tns\:CIs')，这是很hacky的，因为它将语法前缀与语义名称空间（uri）混为一谈。因此，如果前缀更改，此方法就会中断。更正确的答案将识别前缀到命名空间 uri 的映射。 用于命名空间感知选择器的 jquery-xmlns 插件 在这方面看起来很有前途。

Answer 2

您的 jQuery success 函数的形式错误。它需要采用以下形式

function UCMDBData(data, textStatus, jqXHR) {
    alert("Came back1");
    $(data).find('tns:CIs').each(function () {
        alert("Came back2");
        $(this).find("ns0:CI").each(function () {
            alert("Came back3");
            $("#output").append($(this).find("ns0:ID").text());
        });
    });
}

：此外，在您的 $.ajax 函数中，将 contentType 行更改为 contentType: "text/xml" 而不是之前的内容（假设您将 XML 发送到服务器）。

有关详细信息，请参阅 jQuery.ajax() 文档。

Answer 3

根据您的评论，为什么要用 jQuery 做一些疯狂的事情呢？只需使用 javascript 本身即可！

var open = '<ns0:ID>';
var close = '</ns0:ID>';

var start = obj.indexOf(open) + open.length;
var end = obj.indexOf(close);

var result = obj.slice(start, end);

这是一个 jsfiddle ，显示了它的实际效果。

Answer 4

正确的语法可能是

success: function(xml) {
    $(xml).find('tns:CIs').each(function() {
    ......