通过httprequest直接在DOM中解析XML

Question

我正在执行Httprequest以获取XML文件，它运行良好！

我的JS功能：

function sendData()
{   
        var xdr = getXDomainRequest();
        xdr.onload = function() 
        {
                document.getElementById("myDiv").innerHTML = xdr.responseText;
        }

        xdr.open("GET", "myURL");
        xdr.send();
} 

我现在在“ #myDiv”中添加了类似的内容：

<div id="myDiv">

<!--?xml version="1.0" encoding="UTF-8"?-->
<liste>
<produits>
<produit>
<nomprod>TEXT</nomprod>
<desc>TEXT</desc>
<texte>TEXT</texte>
</produit>
</produits>
</liste>

</div>

现在，我想解析“ #myDiv”中包含的该XML并设置其样式

有任何想法吗？ 谢谢！

Answer 1

如果您对框架开放，则可以使用jQuery来简单地发送一个ajax调用，该调用将加载并解析XML。

$.get("myurl.xml", function(data){
    xmldata = $.parseXML(data);
});

然后，您可以遍历xmldata并创建和设置自己的HTML表示形式。

资料来源：

http://api.jquery.com/jQuery.get/

http://api.jquery.com/jQuery.parseXML/

Answer 2

调用xrd.send ，您将可以通过xrd.responseXML访问xml文档。 然后，您可以使用DOM函数来操作xrd.responseXML ，例如，您可以像这样获得<noprod>的值：

var nomprod = xrd.responseXML.getElementsByTagName('nomprod')[0].firstChild.nodeValue;

然后，您可以对数据进行任何所需的操作。