将XML内容提取到HTML中
将XML内容提取到HTML中
提问于 2014-07-25 03:29:54
我是一个HTML/JS的新手，所以我希望你们专家能在这里帮我解决一个小问题。我有一个带有播放列表的html5音乐播放器，它的内容目前在index.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中被直接调用一样。
您可以分享的任何代码帮助都将不胜感激。
谢谢!
回答 2
Stack Overflow用户
发布于 2014-07-25 03:34:23
在不详细说明所有代码的情况下，我将使用AJAX对XML文件发出请求。然后，一旦收到数据，就可以使用javascript/jQuery将该HTML插入到列表中。
Stack Overflow用户
发布于 2014-07-25 03:36:29
按照以下步骤获得您的解决方案
- 创建一个Web服务/ Web Api，它将从服务器返回歌曲可扩展标记语言。
- 使用jQuery Ajax
- Read响应调用Web服务，并根据XML响应动态创建
liHTML元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24942396
复制相关文章
相似问题
腾讯云开发者
