6

次のコードはChromeで機能しますが、IEやFireFoxでは機能しません。誰かが適切なクロスブラウザコードを知っていますか?

<s:Envelope xmlns:s="http://www.w3.org/2003/05/soap-envelope" xmlns:a="http://www.w3.org/2005/08/addressing">
<s:Header>
    <a:Action s:mustUnderstand="1">http://tempuri.org/SubscriptionService/Update</a:Action>
    <netdx:Duplex xmlns:netdx="http://schemas.microsoft.com/2008/04/netduplex">
        <netdx:Address>http://docs.oasis-open.org/ws-rx/wsmc/200702/anonymous?id=4ed8a7ee-b124-e03e-abf0-a294e99cff73</netdx:Address>
        <netdx:SessionId>177b4f47-5664-d96c-7ffa-0a8d879b67dd</netdx:SessionId>
    </netdx:Duplex>
</s:Header>
<s:Body>
    <Update xmlns="http://tempuri.org/">
        <lstResponseStruct xmlns:b="http://schemas.datacontract.org/2004/07/FSS.Libs.Core.InterprocessData.RMS" xmlns:i="http://www.w3.org/2001/XMLSchema-instance">
            <b:DataA>
                <b:ValueA>1.339565</b:ValueA>
                <b:Status>None</b:Status>
            </b:DataA>
            <b:DataA>
                <b:ValueA>120.3717</b:ValueA>
                <b:Status>None</b:Status>
            </b:DataA>
            <b:DataA>
                <b:ValueA>133.563116</b:ValueA>
                <b:Status>None</b:Status>
            </b:DataA>
            <b:DataA>
                <b:ValueA>-0.0059159999999999994</b:ValueA>
                <b:Status>None</b:Status>
            </b:DataA>
        </lstResponseStruct>
    </Update>
</s:Body>

これがJavaScriptスニペットです...

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

var nodes;
if (typeof DOMParser != "undefined")
    nodes = ((new DOMParser()).parseFromString(request.responseText, "application/xml")).getElementsByTagName("*");
else {
    request.responseXML.loadXML(request.responseText);
    nodes = request.responseXML.getElementsByTagName("*");
} 

for (var i = 0; i < nodes.length; i++) {
    var element = nodes[i];
    ...
    if ((element.localName == "Body" || element.baseName == "Body") && element.namespaceURI == "http://www.w3.org/2003/05/soap-envelope") {
        body = element;
        break;
}

$(body).find('DataA').each(function () {
    ... Do something
}

何らかの理由で、各ブラウザの「body」には必ずbody xmlが含まれていますが、$(body).find('DataA')はIEまたはFireFoxの結果を返しません。

アップデート:

名前空間$(body).find('b \\:DataA')を追加すると、FireFoxとIEでうまく機能しますが、Chromeが壊れます。

4

2 に答える 2

12

名前空間を指定せずにXMLノードにアクセスする際に問題が発生しました。何らかの理由で、Chromeは名前空間を見たくありません。

「b\:DataA」セレクターはFireFoxとIEで機能し、「DataA」セレクターはChromeで機能することがわかりました。

それで...

$(xData.responseXML).find("b\\:DataA, DataA").each(function() { // Do Stuff }); 

IE、FireFox、Chromeで動作するようです。

XMLノード検索のパフォーマンスを向上させるための詳細と方法については、 http://www.steveworkman.com/html5-2/javascript/2011/improving-javascript-xml-node-finding-performance-by-2000/を参照してください。

于 2012-04-17T14:14:30.353 に答える
0

正常に動作しています!!! これを試して、

Chrome / Firefox:

xml.children[0].childNodes[1].innerHTML;

IE8 + / Safari:

xml.childNodes[0].childNodes[1].textContent;

IE8:

xml.documentElement.childNodes[1].text;

ここにサンプルコード、

var xml = $.parseXML(XMLDOC); 

Var xmlNodeValue = ""; 

if(userAgent.match("firbox")){

xml.children[0].childNodes[1].innerHTML;

}else{ // IE8+

xmlNodeValue = xml.childNodes[0].childNodes[1].textContent; 

}
于 2015-02-21T11:25:01.987 に答える