Uppgift 8 - jQuery del 2

Vid DISKs kårexpedition sitter en skylt som visar avgångstiderna för tunnelbanan i Kista. Skylten använder HTTP get requests för att hämta data om tiderna. Uppgiften här var att - i jQuery - bygga en egen version av tidtabellsskylten, som skulle visa de senaste tiderna som fanns tillgängliga via sidan.

Jag inledde med att klippa och klistra i koden från föregående jQuery-uppgift, för att skapa en grund. Sedan skrev jag jQuery/JavaScript-delen. Först hämtade jag avgångstiderna med .getJSON(). Därefter itererar jQuerys .each()-metod igenom tiderna, och läggs med .appendTo()-funktionen in i en lista jag skapat i HTML-delen.

Slutligen ägnade jag en bra stund åt att stilsätta skylten med en klassisk "SL-look" som aspiration. Jag gjorde till exempel en liten tunnelbanelogga och la in i headern.

Jag fann uppgiftsbeskrivningen förvirrande och tvetydig. I en mening står det att att det inte är ett krav att skylten ska uppdateras kontinuerligt. Lite längre ned står det dock att man ska kunna hämta data utan att göra en sidomladdning. I min lösning måste man uppdatera sidan för att hämta de senaste tiderna.

Här är en skärmdump på min skylt: