AJAX:een johdanto

AJAX-teknologia on tapa päivittää osa sivusta ilman sen täydellistä uudelleenlataamista. Teknologian perustana on JavaScript, HTTP-protokolla, ja jokin palvelinpuolen tekniikka, esimerkiksi PHP, NodeJS tai jokin muu.

Nykyään AJAX:in kanssa työskentely toteutetaan fetch:in kautta. Se on moderni tekniikka, mutta ei toimi vanhoissa selaimissa. Vanhempi tekniikka on XMLHttpRequest-objektin käyttö. Saatat vielä kohdata tämän tekniikan, mutta sinun ei tarvitse syventää siihen paljoa.

AJAX:in toiminnan oppimiseksi tarvitaan palvelin. Käytämme opetuspalvelintamme. Tehdään palvelimen kansioon HTML-tiedosto, joka avataan selaimessa:

public/index.html<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <script src="client.js" defer></script>
  </head>
  <body>
    
  </body>
</html>

Liitetään siihen JavaScript-tiedosto:

public/client.jsalert('test');