如何在JavaScript

Question

處理XML數據我在javascript XML數據處理的新手。目前，我的Ajax調用服務器，服務器返回XML數據，我不知道如何解析XML數據得到一些價值。

我的Ajax調用：

$.ajax({ 
      url: 'http://localhost:8080/someinterface/the-id', 
      type: 'GET', 
      async: false, 
      dataType: 'application/xml', 
      data: {id: 43}, 
      success: function(data) { 

       //handle the data 

      }, 
      error: function(xhr, status, error){ 
       alert('error happens'); 
      } 
     }) 

返回XML數據是這樣的：

<DOCUMENT> 
    <AGE>16</AGE> 
    <USERNAME>default user</USERNAME> 
    <SECURITYID>1111</SECURITYID> 
... 

如何解析XML數據獲得例如 「USERNAME」 在我的javascript？

------------ ------------編輯

我試圖用你提出的辦法，但現在我得到錯誤信息：

XML解析錯誤：沒有的元素中找到位置：MOZ-nullprincipal：{120e8c1d-5174-4e94-9ebb-2bffda80b170} 1號線，1列： ^

和Ajax調用結果的錯誤功能

------------------- 部分解決 ------------------------

最後，我發現原因是我的應用程序碼頭服務器上運行在localhost：，而我的AJAX請求這是對本地主機上運行Tomcat服務器上的XML數據：。由於域端口不同，我得到了這個問題。現在，當我將我的應用程序的Tomcat服務器並請求Tomcat服務器，我得到XML響應成功。

AJAX調用去獲得成功的功能，我用

success: function(data){ 
      xmlDoc = $.parseXML(data); 
      $xml = $(xmlDoc); 
      $userName = $xml.find('USERNAME'); 
      var userName = $userName.text(); 
      alert('1'); 
      alert(userName); 
} 

我得到警報（「1」）在我的瀏覽器，但我沒有得到警報（用戶名），我不知道爲什麼......所以我把這裏的「部分解決」，所以...爲什麼我沒有得到我的用戶名警報..

Answer 1

您可以使用jQuery的XML解析。

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

因此，在您成功的功能。

success: function(data) { 
    //xmlDoc = $.parseXML(data); 
    $xml = $(data); 
    $userName = $xml.find('USERNAME'); 
    var uName = $userName.text(); 
} 

Answer 2

使用JSON數據類型來代替，它的設計與JavaScript中使用。

例子：

$.ajax({ 
url: url, 
dataType: 'json', 
data: data, 
success: callback 
}); 

Answer 3

瀏覽器基本上都會爲您處理：

success: function(data) { 
    var username = $(data).find('username').text(); 
    // ... 
} 

Answer 4

在函數中使用以下代碼片段將XML結果字符串放入一個包裝的jQuery集合中。

var xmlString = data; 

//IE XML parser needs to use an ActiveXObject 
if ($.browser.msie) { 
    unwrappedXml = new ActiveXObject("Microsoft.XMLDOM"); 
    unwrappedXml.async = false; 
    unwrappedXml.loadXML(xmlString); 
    } 
else { 
    unwrappedXml = xmlString; 
} 

var xml = $(unwrappedXml); 
xml.find(selector); 

Answer 5

您錯用了dataType參數。它不應該是一個MIME類型。相反，它應該是其中的一個：「xml」，「html」，「script」，「json」，「jsonp」或「text」。在你的情況， 「XML」（或者完全忽略它和jQuery會猜你）：

• http://api.jquery.com/jQuery.ajax/（向下滾動到 「dataTypeString」）。

更新：

到目前爲止，它看起來，你的問題是，你的服務器端腳本崩潰，你甚至沒有有效的XML。無論如何，我已經舉了一個小例子，以幫助它：

$.ajax({ 
    url: "/test.xml", 
    type: "GET", 
    async: false, 
    dataType: "xml", 
    data: {id: 43}, 
    success: function(data) { 
     var output = "Usernames:\n"; 
     $(data).find("USERNAME").each(function(){ 
      output += "\n- " + $(this).text(); 
     }); 
     alert(output); 
    }, 
    error: function(xhr, status, error){ 
     alert("error happens"); 
    } 
})