使用XML作为源重新加载DIV的内容

时间:2015-11-16 10:32:17

标签: javascript jquery html xml xslt

我正在尝试在我的XSL页面底部创建一个新闻样式选框,显示它从XML文件中检索的一些信息。我想要它做的是自动刷新这个选框的内容,而不需要整个页面的元刷新。

XML示例:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="news.xsl"?>
<PAGE>
    <MARQUEE>This is the value to refresh</MARQUEE>
</PAGE>

XSLT示例:

<div class="marquee" id="marquee">
<xsl:value-of select="/PAGE/MARQUEE" />
</div>

如果可能,我更喜欢使用Javascript / JQuery的解决方案。

非常感谢

1 个答案:

答案 0 :(得分:0)

使用Ajax动态加载内容,无需刷新整个页面。

$.ajax({
  type: "GET",
  url: "url.xml",
  dataType: "xml",
  success: function(xml) {
    var data = xml.getElementsByTagNam('MARQUEE')[0].innerText
    $('#marquee')   //... fill the marquee element with the data from the xml
  }
});

您可以在setInterval或单击刷新按钮上执行它。