Co to jest AJAX?

AJAX (Asynchronous JavaScript and XML) jest techniką tworzenia interaktywnych aplikacji internetowych. Umożliwia przesyłanie danych między przeglądarką internetową a serwerem w tle (asynchronicznie), bez konieczności przerywania wyświetlania strony i bez konieczności przeładowania całej strony. To sprawia, że strony internetowe działają szybciej i są bardziej responsywne.

Podstawowe składniki AJAX

  • JavaScript. Służy do interakcji z serwerem i manipulowania informacjami na stronie.
  • XMLHttpRequest. Obiekt JavaScript, który umożliwia przesyłanie danych między przeglądarką a serwerem.
  • CSS i HTML. Służą do prezentowania i formatowania informacji.
  • DOM (Document Object Model). Interfejs umożliwiający dynamiczną manipulację strukturą, stylem i treścią strony.
  • XML lub JSON. Są to formaty danych używane do przesyłania danych między serwerem a przeglądarką. JSON jest teraz bardziej popularny, ze względu na swoją prostotę i łatwość obsługi w JavaScript.

Przykłady zastosowań AJAX to między innymi dynamiczne formularze, które sprawdzają poprawność wprowadzonych danych na bieżąco, strony z nieskończonym przewijaniem (takie jak Facebook lub Twitter), czy też strony, które aktualizują się automatycznie, bez konieczności ręcznego odświeżania (np. strony z wynikami na żywo).