AJAX

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest AJAX?

AJAX (Asynchronous JavaScript and XML) to technika tworzenia stron WWW, która pozwala wymieniać dane z serwerem bez przeładowywania całej strony. AJAX nie jest osobnym językiem programowania. W praktyce wykorzystuje głównie JavaScript oraz obiekty/API takie jak XMLHttpRequest lub nowsze fetch().

Do czego służy AJAX?

AJAX umożliwia dynamiczne działanie strony, np.:

  • wysyłanie danych z formularza bez odświeżania strony,
  • pobieranie wyników wyszukiwania podczas wpisywania tekstu,
  • ładowanie komentarzy, produktów lub komunikatów w tle,
  • sprawdzanie poprawności loginu lub adresu e-mail na serwerze.

AJAX a przetwarzanie danych

Dane wprowadzone przez użytkownika mogą być:

  • odczytane po stronie klienta przez JavaScript,
  • wysłane do serwera za pomocą AJAX,
  • przetworzone po stronie serwera, np. przez PHP,
  • zwrócone do przeglądarki jako odpowiedź, np. JSON.

Przykład uproszczonego użycia:

fetch('skrypt.php', {
  method: 'POST',
  body: new FormData(document.querySelector('form'))
});

Ważne na egzaminie

AJAX może brać udział w obsłudze danych użytkownika, ponieważ działa razem z JavaScriptem i serwerem. W przeciwieństwie do niego CSS służy do opisu wyglądu strony, a nie do przetwarzania danych z formularzy.