1

私が知る限り、これはIE10から始まったばかりです。

FFでは問題ありません。

XMLHttpRequest を使用して xml データを取得し、xslt を使用して表示します...

xslt 変換は、要素データにスペースがある一見ランダムな場所に新しい行を自動的に追加します。

getElementsByTagName を使用してデータをプレビューすると、データはそのままで、スペースが改行に変換されていません。

html は改行をスペースとして扱うため、単純にテキストを表示したり、入力ボックスに配置したりするだけでは問題を確認できませんが、データが隠し要素に格納されていて、アラート機能を使用して表示すると、出力データに改行/キャリッジ リターンがあることを確認します。

元の xml データの要素の後にキャリッジ リターンがない場合、問題はさらに悪化するようです。各要素の後に改行を追加することで、実際にこの問題を回避できる場合がありました。すべてではなく、いくつかのケース。

トランスフォーマーがデータを読み取ろうとするとき、読みやすくするためにデータをスペースで分割し、自動的にキャリッジ リターンを追加するかのようです。

例：

xsltTest.htm

<!DOCTYPE html>
<html>
<head>
    <title>xslt test</title>
    <script type="text/javascript" language="javascript">

        function loadFile(f) {
            xhttp = new window.XMLHttpRequest
            xhttp.open("GET", f, false)
            xhttp.setRequestHeader("Cache-Control", "no-cache");
            xhttp.setRequestHeader("pragma", "no-cache");
            xhttp.send("")

            //in IE10 this seems to show where the new lines get added
            alert(xhttp.responseText)

            var xml = xhttp.responseXML

            displayData(xml, 'xsltTest.xslt', 'DataDiv')

        }

        function displayData(xmlResp, xslFile, targetObj) {

            var xml = new ActiveXObject("MSXML2.DomDocument");
            xml.async = false;
            xml.load(xmlResp);

            var xsl = new ActiveXObject("MSXML2.FreeThreadedDomDocument");
            xsl.async = false;
            xsl.load(xslFile);

            xsl_template = new ActiveXObject("Msxml2.XSLTemplate")
            xsl_template.stylesheet = xsl;

            xslProc = xsl_template.createProcessor()
            xslProc.input = xml

            xslProc.transform()
            document.getElementById(targetObj).innerHTML = xslProc.output
        }

        function popData(idx,e) {
            alert(document.getElementById('data_'+idx+'_'+e).value)
        }

    </script>
</head>
<body>
<center>
<input type="button" id="WithCRButton" value="Load File WITH CarriageReturns" onclick="loadFile('DataWithCR.xml')" />
<input type="button" id="WithoutCRButton" value="Load File WITHOUT CarriageReturns" onclick="loadFile('DataWithoutCR.xml')" />
<div style="border:1px solid black;width:100%" id="DataDiv">
</div>
</center>
</body>
</html>

xsltTest.xslt

<?xml version="1.0" encoding="iso-8859-1"?>

<xsl:stylesheet version="1.0"
   xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
   xmlns:xs="http://www.w3.org/2001/XMLSchema">


    <xsl:template match="/">
        <table>
            <xsl:for-each select="TestData/field">
                <tr>
                    <td>
                        <xsl:value-of select="elementData1"/>
                    </td>
                    <td>
                        <input type="hidden">
                            <xsl:attribute name="value"><xsl:value-of select="elementData1"/></xsl:attribute>
                            <xsl:attribute name="id">data_<xsl:value-of select="position()"/>_1</xsl:attribute>
                        </input>
                        <input type="button" value="show hidden value">
                            <xsl:attribute name="onclick">popData('<xsl:value-of select="position()"/>','1')</xsl:attribute>
                        </input>
                    </td>
                    <td>
                        <xsl:value-of select="elementData2"/>
                    </td>
                    <td>
                        <input type="hidden">
                            <xsl:attribute name="value"><xsl:value-of select="elementData2"/></xsl:attribute>
                            <xsl:attribute name="id">data_<xsl:value-of select="position()"/>_2</xsl:attribute>
                        </input>
                        <input type="button" value="show hidden value">
                            <xsl:attribute name="onclick">popData('<xsl:value-of select="position()"/>','2')</xsl:attribute>
                        </input>
                    </td>
                </tr>
            </xsl:for-each>
        </table>
    </xsl:template>

</xsl:stylesheet>

DataWithCR.xml

<TestData>
<field>
<elementData1>ThisHasNoSpaces</elementData1>
<elementData2>ThisHasA Space</elementData2>
</field>
<field>
<elementData1>ThisHasNoSpaces</elementData1>
<elementData2>ThisHasA Space</elementData2>
</field>
<field>
<elementData1>ThisHasNoSpaces</elementData1>
<elementData2>ThisHasA Space</elementData2>
</field>
<field>
<elementData1>ThisHasNoSpaces</elementData1>
<elementData2>ThisHasA Space</elementData2>
</field>
</TestData>

DataWithoutCR.xml

<TestData><field><elementData1>ThisHasNoSpaces</elementData1><elementData2>ThisHasA Space</elementData2></field><field><elementData1>ThisHasNoSpaces</elementData1><elementData2>ThisHasA Space</elementData2></field><field><elementData1>ThisHasNoSpaces</elementData1><elementData2>ThisHasA Space</elementData2></field><field><elementData1>ThisHasNoSpaces</elementData1><elementData2>ThisHasA Space</elementData2></field></TestData>
4

1 に答える 1

0

「window.XMLHttpRequest」の代わりに「ActiveXObject("Msxml2.XMLHTTP")」を使用すると、問題が解決することがわかりました。

Microsoft はブラウザ ネイティブの「window.XMLHttpRequest」を実装したようですが、バグと制限があります。

たとえば、"ActiveXObject("Msxml2.XMLHTTP")" には transformNode メソッドがありますが、"window.XMLHttpRequest" にはありません。

JavaScript コードでのブラウザーの互換性のために、次のようにオブジェクトを作成していました。

var XMLDoc = (window.XMLHttpRequest) ? (new XMLHttpRequest()) : (new ActiveXObject("Microsoft.XMLHTTP"))

...IE では、window.XMLHttpRequest が存在しない限り、ActiveXObject を使用していました。しかし、それが存在するようになった今では、バグや制限とともに、それを使用しています。

私は現在、ActiveXObject が利用可能な場合にデフォルトで呼び出されるすべての条件文を元に戻す処理を行っています...

var XMLDoc = (window.ActiveXObject) ? (new ActiveXObject("Msxml2.XMLHTTP")) : (new XMLHttpRequest())
于 2013-08-07T12:14:21.103 に答える