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:

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

Kapcsoljunk hozzá egy JavaScript fájlt:

alert('test');

Hozd létre a leírt fájlokat és ellenőrizd a működésüket a böngészőben.