Recharger le contenu de DIV en utilisant XML comme source - javascript, jquery, html, xml, xslt

Je suis en train de créer un chapiteau de stylebas de ma page XSL qui contient des informations extraites d’un fichier XML. Ce que je souhaite, c’est d’actualiser automatiquement le contenu de ce chapiteau uniquement, sans la méta-actualisation de la page entière.

Exemple 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>

Exemple XSLT:

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

Je préférerais une solution utilisant Javascript / JQuery si possible.

Merci beaucoup

Réponses:

Utilisez Ajax pour charger le contenu de manière dynamique, sans avoir à actualiser la page en entier.

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

Vous pouvez l'exécuter sur setInterval ou sur un clic du bouton d'actualisation.