直接在 DOM 中通过 httprequest 解析 XML

Parse XML through httprequest directly in the DOM

本文关键字：httprequest 解析 XML DOM      更新时间：2023-09-26

我正在制作一个 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并对其进行样式设置

有什么想法吗？谢谢！

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

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

然后，您可以对数据做任何您想做的事情。

如果你对框架持开放态度，你可以使用 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/

相关文章：