Laden Sie den Inhalt von DIV neu, indem Sie XML als Quelle verwenden - javascript, jquery, html, xml, xslt

Ich versuche ein Newstile-Zelt auf derUnterseite meiner XSL-Seite, die einige Informationen zeigt, die sie aus einer XML-Datei abruft. Ich möchte, dass nur der Inhalt dieses Laufrahmens automatisch aktualisiert wird, ohne dass die gesamte Seite aktualisiert wird.

XML-Beispiel:

<?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 Beispiel:

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

Ich würde eine Lösung mit Javascript / JQuery bevorzugen, wenn möglich.

Danke vielmals

Antworten:

Verwenden Sie Ajax, um Inhalte dynamisch zu laden, ohne dass die gesamte Seite aktualisiert werden muss.

$.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
}
});

Sie können es auf setInterval ausführen oder auf eine Schaltfläche zum Aktualisieren klicken.