如何使用javascript读取具有多个节点的xml文件

debugcn 发表于 Dev

我有一个RegistrationResponseMessages.xml：

<messages>
  <error>
    <code id="501">Couldn't retrieve the HTML document because of server-configuration problems.</code>
    <code id="502">Server busy, site may have moved ,or you lost your dial-up Internet connection.</code>
  </error>
  <success></success>
</messages>

尝试使用javascript读取代码ID 501和502的内容，但无效。

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.open("GET", "RegistrationResponseMessages.xml", false);
        xmlhttp.send();
        xmlDoc = xmlhttp.responseXML;

        document.getElementById("errorCode403").innerHTML = getElementsByTagName(501)[0].childNodes[0].nodeValue);

在这里显示：

<label id="errorCode403" style="font-weight: 600; color: red;">give some error</label>

我怎么了

阿德内

这是ajax，您必须等待数据返回，然后必须以正确的方式访问它：

var xmlhttp;

if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
} else {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onload = function() {
    var xmlDoc = this.responseXML,
        value  = xmlDoc.getElementsByTagName('501')[0].childNodes[0].nodeValue;
    document.getElementById("errorCode403").innerHTML = value;
}

xmlhttp.open("GET", "RegistrationResponseMessages.xml", false);
xmlhttp.send();

由于501听起来像一个奇怪的tagName ，所以不确定XML中的遍历吗？

编辑：

要获取ID列表，请在onload处理程序中执行以下操作：

xmlhttp.onload = function() {
    var xmlDoc = this.responseXML,

    var codes = xmlDoc.getElementsByTagName('code');
    var array = [];

    for (var i=0; i<codes.length; i++) {  
        array.push( codes[i].id );
    }

    console.log(array);
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。