jQuery

templates/index.html.ep

 % layout 'default';
 % title 'Piratské vysílání';
-<div id="streams-container">
+<div id="streams">
 </div>
 <script>
-// pure js, vole :)
-var getHTML = function ( url, callback ) {
-	if ( !window.XMLHttpRequest ) return;
-	var xhr = new XMLHttpRequest();
-
-	xhr.onload = function() {
-		if ( callback && typeof( callback ) === 'function' ) {
-			callback( this.responseXML );
-		}
-	}
-
-	xhr.open( 'GET', url );
-	xhr.responseType = 'document';
-	xhr.send();
-};
-
-function Streams () {
-    getHTML( '/streams', function (response) {
-        var target = document.querySelector( '#streams-container' );
-        target.innerHTML = response.documentElement.innerHTML;
-    });
+function load_streams() {
+ $( "#streams" ).load( "/streams" );
 }
-
-Streams();
-setInterval(Streams, 5000);
-
+load_streams();
+setInterval(load_streams, 5000);
 </script>
+