为什么我无法在 javascript 中解析 xml？

Question

你好，我在解析 xml 时遇到问题.. 我有这样的 xml：

<tejemahan>
  <kategori> komputer </kategori>
  <hasil> aplikasi komputer </hasil>
</terjemahan>

编辑： 上面的 xml 我就是这样得到的：

   var url="http://localhost:8080/inlinetrans/api/translate/"+userSelection+"/"+hasilStemSel+"/"+hasilStem;
   var client = new XMLHttpRequest();
   client.open("GET", url, false);
   client.setRequestHeader("Content-Type", "text/plain");
   client.send(null);

   if(client.status == 200)
       alert("the request success"+client.responseText);
   else
       alert("the request isn't success"+client.status+""+client.statusText)

  }

这是我解析上面 xml 文件的代码：

this.loadXML = function (){
   var url = http://localhost:8080/coba/api/artikan/"+sel+"/"+hasilStemSel+"/"+hasilStem
   xmlDoc=document.implementation.createDocument("","",null);
   xmlDoc.load("url");
   xmlDoc.onload= this.readXML;
  }

  this.readXML = function() {
        alert(xmlDoc.documentElement.tagName);
 alert(xmlDoc.documentElement.childNodes[0].tagName);
 alert(xmlDoc.documentElement.childNodes[1].tagName);
 alert(xmlDoc.documentElement.childNodes[0].textContent);
 alert(xmlDoc.documentElement.childNodes[1].textContent);

     }

我可以执行这段代码

xmlDoc=document.implementation.createDocument("","",null); 
xmlDoc.load("url");

，但为什么我不能执行这段代码 xmlDoc.load = this.readXML ???

Answer 1

尝试将 onload 处理程序分配放在 load() 调用之前。如果您先调用 load()，onload 事件将在您分配处理程序来处理它之前发生。像这样：

xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.onload= this.readXML;
xmlDoc.load("url");

Answer 2

首先，我赞同 David Dorward 的建议：使用 XMLHttpRequest 代替，它适用于所有主流浏览器。代码如下。

其次，您的 readXML 函数存在缺陷，因为大多数浏览器都会在 childNodes 集合中包含空白文本节点，因此 xmlDoc.documentElement.childNodes[0] 实际上是一个文本节点，并且没有 tagName 属性。我建议在迭代 childNodes 时使用 getElementsByTagName() 或检查每个节点的 nodeType 属性。

第三，您的 XML 无效： 和 不匹配，尽管这可能是您问题中的拼写错误。

var url = "http://localhost:8080/coba/api/artikan/"+sel+"/"+hasilStemSel+"/"+hasilStem;

var readXML = function(xmlDoc) {
    alert(xmlDoc.documentElement.tagName);
    var kategori = xmlDoc.getElementsByTagName("kategori")[0];
    alert(kategori.tagName);
};

var createXmlHttpRequest = (function() {
    var factories = [
        function() { return new XMLHttpRequest(); },
        function() { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); },
        function() { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); },
        function() { return new ActiveXObject("Microsoft.XMLHTTP"); }
    ];

    for (var i = 0, len = factories.length; i < len; ++i) {
        try {
            if ( factories[i]() ) {
                return factories[i];
            }
        }
        catch (e) {}
    }
})();

var xmlHttp = createXmlHttpRequest();
xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
        readXML(xmlHttp.responseXML);
    }
};

xmlHttp.open("GET", url, true);
xmlHttp.send(null);