将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

回答

相关问题