Wprowadzenie do AJAX
Technologia AJAX to sposób aktualizacji części strony bez jej pełnego przeładowania. Technologia opiera się na JavaScript, protokole HTTP oraz pewnej części serwerowej, na przykład PHP, NodeJS lub jakiejkolwiek innej.
Obecnie praca z AJAX jest realizowana
poprzez fetch. Jest to nowoczesna technologia,
ale nie działająca w starych przeglądarkach. Bardziej
starą technologią jest użycie
obiektu XMLHttpRequest. Z tą technologią
możesz się jeszcze spotkać, ale nie warto
się w nią mocno zagłębiać.
Aby poznać działanie AJAX, konieczne jest posiadanie serwera. Będziemy używać naszego serwera edukacyjnego. Stwórzmy w folderze z serwerem plik HTML, który będziemy otwierać w przeglądarce:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="client.js" defer></script>
</head>
<body>
</body>
</html>
Podłączmy do niego plik JavaScript:
alert('test');
Utwórz opisane pliki i sprawdź ich działanie w przeglądarce.