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:

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

Podłączmy do niego plik JavaScript:

public/client.jsalert('test');