javascript - 用于刷新信息的 XML 到 HTML 函数

Question

我正在制作一个实时火车板，它从网站上提取 XML 数据，填充它并为其制作动画。我已经布置好了它并获得了动画集，但现在我需要帮助将 XML 数据放在正确的位置.

动画代码笔:http://codepen.io/Spiderian/pen/FBjhk

我经常尝试填充和重新检查的 XML。

<trains>
<line><name>2</name><status>GOOD</status><text/><Date/><Time/></line>
<line><name>3</name><status>DELAYS</status><text/><Date/><Time/></line>
<line><name>4</name><status>WORK</status><text/><Date/><Time/></line>
<line><name>5</name><status>GOOD</status><text/><Date/><Time/></line>
</trains>

我是否必须对 .append 函数使用不同的东西才能使其与 XML 一起工作？

Answer 1

jQuery 也可以很好地处理 XML。在这个答案中我将重点关注它的解析，因为我假设您已经熟悉从使用 AJAX 的任何 Web 服务中获取 XML。

用 XML 创建一个新的 jQuery 对象，然后使用典型的选择器来解析它。例如获取第一行的服务，可以使用如下:

var stats = xml.find('line:first status').text();

下面是如何从 XML 创建一个新的 jQuery 对象:

var xml = $('<trains>\
<line><name>2</name><status>GOOD</status><text/><Date/><Time/></line>\
<line><name>3</name><status>DELAYS</status><text/><Date/><Time/></line>\
<line><name>4</name><status>WORK</status><text/><Date/><Time/></line>\
<line><name>5</name><status>GOOD</status><text/><Date/><Time/></line>\
</trains>');

从 XML 中获得值后，您可以使用 text()或 html()将其添加到您现有的标记中。

jsFiddle Demo