1) Wprowadzenie

AJAX to sposób komunikacji przeglądarki z serwerem w tle. Dzięki temu:

• strona może zmieniać fragmenty treści bez jej ponownego ładowania,

• aplikacja działa szybciej i płynniej,

• pobieranie danych odbywa się w tle,

• użytkownik widzi aktualne informacje w czasie rzeczywistym.

AJAX nie jest technologią samą w sobie — to kombinacja:

• JavaScript

• Fetch / XMLHttpRequest

• JSON

• endpointów po stronie serwera

2) Przykład

2.1) Backend (PHP)

2.2) Frontend (JS)

Efekt: na stronie co sekundę pojawia się aktualny czas, bez przeładowania strony.

3) AJAX w Bitfun

AJAX w Bitfun służy do dynamicznego odświeżania danych, głównie:

• tablic wyników

• statystyk

• elementów gry

Ranking graczy jest pobierany co 1.6 sekundy, dzięki czemu użytkownik widzi aktualne wyniki w czasie rzeczywistym — bez odświeżania strony i bez zbędnego obciążania serwera.

4) Backend

Endpoint: get_leaderboard.php

Ten plik odpowiada za zwrócenie TOP 10 wyników dla danej gry. Serwer zwraca dane w formacie JSON.

Najważniejsze elementy:

• sprawdzenie, czy podano game_id

• przygotowane zapytanie SQL (bezpieczeństwo)

• pobranie wyników

• sformatowanie daty

• zwrócenie JSON

Dane wysyłane do przeglądarki:

{
  "status": "ok",
  "rows": [
    {
      "pos": 1,
      "nick": "player123",
      "score": 987,
      "date": "2025-11-29"
    }
  ]
}

5) Frontend

Fragment HTML przygotowuje tabelę:

JS pobiera dane i aktualizuje tabelę

Co ten kod robi?

• wywołuje backendowy plik API

• konwertuje odpowiedź JSON na obiekt JS

• czyści tabelę

• generuje HTML dla każdej pozycji rankingu

• w przypadku błędów wyświetla komunikat

• odświeża dane co 1.6 sekundy

6) Podsumowanie

AJAX w Bitfun:

• pozwala na ładowanie danych bez odświeżania strony

• sprawia, że ranking aktualizuje się w czasie rzeczywistym

• komunikuje się z backendem za pomocą lekkiego JSON

• odciąża serwer, pobierając tylko niezbędne dane

• sprawia, że doświadczenie użytkownika jest bardziej dynamiczne

Technika AJAX jest jednym z kluczowych elementów działania dynamicznych fragmentów platformy Bitfun.