Aktueller Titel
In diesem einfachen Beispiel werden wir jede 5 Sekunden den Namen des aktuellen Titels im Radio abfragen und ihn auf der Seite ausgeben.
<html>
<body>
<div id="track"></div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
$( document ).ready(function() {
function updateTrack(){
$.ajax({
// Außerdem werden zwei Parameter übermittelt
// callback & format zum Abrufen von Daten
// im JSONP-Format. Damit wird die CORS-Beschränkung aufgehoben
url: "https://c01.lexycast.de:1550/api/history/?server=1&limit=1&callback=callback&format=jsonp",
jsonp: "callback",
dataType: "jsonp",
method: "GET",
success: function( response ) {
var trackTitlte = response.objects[0].metadata;
$("#track").text(trackTitlte);
}
});
}
updateTrack();
setInterval(updateTrack, 5*1000);
});
</script>
</body>
</html>
