閱讀PHP生成的XML文件與AJAX＆輸出到HTML使用javascript

Question

我有一個XML文件，看起來是從PHP（實時提要）生成。基本上它包含我想要在html網頁上輸出的數據和比較輸出。

的XML飼料是這樣的：

<feeds> 
    <level id="999991000" name="Premier level"> 
     <group name="mix"> 
      <battles> 
       <battle> 
        <supplier id="3000000" name="Stongteam" result="190" percentage="64%"/> 
        <supplier id="3000222" name="Blackteam" result="109" percentage="36%"/> 
       </battle> 
       <battle> 
        <supplier id="3000000" name="Strongteam" result="198" percentage="66%"/> 
        <supplier id="3000111" name="Redteam" result="101" percentage="34%"/> 
       </battle> 
      </battles> 
     </group> 
    </level> 
    <level id="9999922222" name="Expert level"> 
     <group name="mix"> 
      <battles> 
       <battle> 
        <supplier id="3000000" name="Stongteam" result="178" percentage="73%"/> 
        <supplier id="3000222" name="Blackteam" result="65" percentage="27%"/> 
       </battle> 
       <battle> 
        <supplier id="3000000" name="Strongteam" result="173" percentage="71%"/> 
        <supplier id="3000111" name="Redteam" result="70" percentage="29%"/> 
       </battle> 
      </battles> 
     </group> 
    </level> 
</feeds> 

基本上，我需要從該文件顯示了一些東西，例如。

總理級
戰鬥1 - teamname1 VS teamname2
結果爲teamname 1 VS 結果爲teamname2 百分比爲teamname 1 VS 百分比爲teamname2

戰鬥2 - teamname1 VS teamname3
結果爲teamname 1 VS 結果爲teamname3 百分比爲teamname 1 VS 百分比爲teamname3

專家級
戰鬥1 - teamname VS teamname2
結果爲teamname 1 VS 結果爲teamname2 百分比爲teamname 1 VS 百分比爲teamname2

我想我需要使用Ajax的XML數據帶來，然後某種形式的javascript爲了達到這個目的，儘管我很困惑從哪裏開始。有誰知道任何引用或jQuery插件/方法我可以使用，也許可以指出我在正確的方向嗎？

非常感謝。

Answer 1

jQuery的parseXML可能會做出這樣一件輕而易舉的事：http://api.jquery.com/jQuery.parseXML/

var xml = $('#xmlspan').html(); 
var xmlDoc = $.parseXML(xml); 
var $xml = $(xmlDoc); 

$xml.find("level").each(function() { 
    var tiername = $(this).attr("name"); 
    alert (tiername); 
    $(this).find("battle").each(function() { 
     team1 = $(this).find("supplier:eq(0)").attr("name"); 
     team2 = $(this).find("supplier:eq(1)").attr("name"); 
     alert(team1 + ' - ' + team2); 
     }); 
    });​ 

Answer 2

我肯定會調查XSLT如果我是你！

簡而言之，XSLT是XML數據的圖形層，它將根據XML數據中的內容呈現HTML頁面。互聯網上有很多幫助，但作爲一個快速入門，我想維基百科並不算太壞：XSLT on Wikipedia。

所以基本上，你有兩個解決方案：

• 如果服務器屬於你，你可以在上面直接應用XSLT樣式表 和使用，因爲潛在的跨瀏覽器的XHR（首選的解決方案得到的結果問題）
• 如果您在服務器上沒有手，請使用XHR下載您的XML並使用JS和XSLT在客戶端應用樣式表。小心，我們的好老朋友IE需要它很好的舊ActiveX來進行轉換，上次我至少檢查過。

祝你好運，不要忘了每天都要瘋狂！