Úvod do AJAX

Technológia AJAX predstavuje spôsob aktualizácie časti stránky bez jej úplného opätovného načítania. Základ technológie tvorí JavaScript, protokol HTTP a nejaká serverová časť, napríklad PHP, NodeJS alebo akákoľvek iná.

V súčasnosti sa práca s AJAX realizuje cez fetch. Ide o modernú technológiu, ale nefungujúcu v starých prehliadačoch. Staršou technológiou je používanie objektu XMLHttpRequest. S touto technológiou sa ešte môžete stretnúť, ale nie je potrebné do nej veľmi hlboko zasahovať.

Na štúdium práce s AJAX je potrebná prítomnosť servera. Budeme používať náš výučbový server. V priečinku so serverom vytvoríme HTML súbor, ktorý budeme otvárať v prehliadači:

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

Pripojíme k nemu JavaScript súbor:

public/client.jsalert('test');