Bevezetés az AJAX-ba

Az AJAX technológia módot nyújt egy oldal egy részének frissítésére anélkül, hogy a teljes oldalt újra kellene tölteni. A technológia alapját a JavaScript, az HTTP protokoll, és valamilyen szerveroldali rész, például PHP, NodeJS, vagy bármely más, képezi.

Manapság az AJAX használata a fetch segítségével valósul meg. Ez egy modern technológia, amely azonban nem működik régi böngészőkben. Egy régebbi technológia a XMLHttpRequest objektum használata. Még találkozhatsz ezzel a technológiával, de nem érdemes mélyen belemélyedni.

Az AJAX működésének tanulásához szükség van egy szerverre. Mi a saját oktatószerverünket fogjuk használni. Készítsünk a szerver mappájában egy HTML fájlt, amelyet a böngészőben fogunk megnyitni:

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

Kapcsoljunk hozzá egy JavaScript fájlt:

public/client.jsalert('test');