將XML內容轉換爲HTML

我是HTML/JS的新手，所以我希望您的專家能夠幫助我解決一個小問題。我有HTML5的音樂播放器，播放列表，其內容目前index.html文件中提及如下：將XML內容轉換爲HTML

<div id="divListing"> 
    <ol id="olContents"> 
<li rel="http://www.abc.mp3"><strong>Song1</strong><a target="_blank" href=" ">Buy Song</a><em>Artist1</em></li> 
<li rel="http://www.abcd.mp3"><strong>Song2</strong><a target="_blank" href=" ">Buy Song< /a><em>Artist2</em></li> 
<li rel="http://www.abcde.mp3"><strong>Song3</strong><a target="_blank" href=" ">Buy Song</a><em>Artist1</em></li> 
<li rel="http://www.abcdef.mp3"><strong>Song4</strong><a target="_blank" href=" ">Buy Song</a><em>Artist2</em></li> 
    </ol> 
</div>

我的目標是得到一個XML文件<li>項目，這樣我就不必保持每次更新HTML文件，而是如果我改變琴絃上我的外部（的Dropbox等）被保持在相同的語法source.XML文件，如下所示：

<?xml version="1.0" encoding="utf-8"?> 

<data>    
<li rel="http://www.abc.mp3"><strong>Song1</strong><a target="_blank" href=" ">Buy Song</a><em>Artist1</em></li> 
<li rel="http://www.abcd.mp3"><strong>Song2</strong><a target="_blank" href=" ">Buy Song</a><em>Artist2</em></li> 
<li rel="http://www.abcde.mp3"><strong>Song3</strong><a target="_blank" href=" ">Buy Song</a><em>Artist1</em></li> 
<li rel="http://www.abcdef.mp3"><strong>Song4</strong><a target="_blank" href=" ">Buy Song</a><em>Artist2</em></li> 

</data>

我不知道如何關聯或致電XML文件，以便html可以讀取它們，就好像它們是直接在html中調用一樣。

任何代碼可以幫助你分享將不勝感激。

謝謝！

來源

2014-07-24 user3874356

不用拼寫出所有的代碼，我會使用AJAX來請求XML文件。然後，一旦你收到這些數據，你可以使用javascript/jQuery將該HTML插入到你的列表中。

來源

2014-07-24 19:34:23 magnified

我有jquery.js已經在我的html中實例化。但是，恐怕我還沒有理解語法如何修改jquery插入html或使用AJAx。在這個階段語法確實有幫助。甚至在網絡上的任何地方參考一個實際的例子是真正有用的。 – user3874356

按照以下步驟讓你的解決方案

創建Web服務/網絡API將從服務器返回歌曲XML。
呼叫按照XML響應是WebService的使用jQuery的Ajax
讀響應，並創建li HTML元素動態。

來源

2014-07-24 19:36:29

或者對於（3），只需在HTML中直接使用XML並使用CSS將其設置爲列表。有（可能）沒有理由將它們更改爲HTML標記，您可以在瀏覽器中針對純XML編寫css如： myXMLtag {display：list-item; font-weight：bold; ...} –

將XML內容轉換爲HTML

回答

相關問題