Ajax-harjoituksia

1. Muuta edellä tekemäsi w3schools-sivuston http://w3schools.com/ajax/tryit.asp?filename=tryajax_get esimerkki käyttämään demo_get.asp sijaan kellonaika.php -skriptiä, jonka toteuta itse. Kellonaika.php palauttaa päivämäärä ja kellonajan.

2. Muuta edellä tekemäsi w3schools-sivuston http://w3schools.com/ajax/tryit.asp?filename=tryajax_get esimerkki
sellaiseksi, että kellonaika päivittyy automaattisesti sekunnin välein. Käytä apuna JavaScriptin setInterval-funtiota, hae tietoa tämän käytöstä Webistä.

3. Muutetaan aiemmin tehty chat päivittämään viestialue Ajaxia käyttäen.
Poista aluksi käytöstä aiemmin tehty refresh (META) ominaisuus.

a) Poista viestien kirjoittaminen viestialueelle chat.php tms. sivulta. Lisää aluksi tämän tilalle testitekstin tulostaminen viestialueelle JavaScriptiä käyttäen.

b) Muuta edellinen JavaScript-testitulostus Ajaxiksi siten, että suoritetaan Ajax-kutsu palvelimelle sivulle viestit.php, joka palauttaa aluksi vakiomuotoisen testiviestin.

c) Muuta edellinen viestit.php toiminta sellaiseksi, että se palauttaa viestit tietokannasta haettuina.

d) Ajasta edellisen Ajax-funktion suorittaminen tapahtumaan 5 sekunnin välein sekä lisäksi heti kun sovellus käynnistetään ja heti kun käyttäjä on lähettänyt viestin.