Ustawienie zmiennej sesji przez ajax (chyba)

Question

Potrzebuję ustawić $_SESSION['Year'] w php na wartości konkretne 2018, 2019... po zdarzeniu onclick a następnie przeładować okienko. Korzystam w projekcie z jQuery. Wiem, że do tego mniej więcej służy ajax ale nigdy go nie rozumiałem. Kiedyś nawet coś napisałem przy jego użyciu podobnego, wyglądało to tak:
 

$.ajax({
                url: 'eq_ajax.php',	
		type: 'POST',							
		data: {x:x, y:y}, 	
                success: function (response) {
					//alert(response);
					window.location.reload();
                }
            });

działało, ale nie do końca to rozumiem. Mógłby ktoś pomóc? Parę słów wstępu w tym kierunku też by było miło ;/

Answer 1

Ajax to ogólne określenie technologii, która pozwala na wymianę danych między tzw. frontem i back-endem, a dokładniej mówiąc między środowiskiem klienta (przeglądarka), a serwerem. Są też inne, np. WebSocket, ale wszystko zależy od tego co dokładnie potrzeba zrobić.

A co do kodu:

(1)  $.ajax({
(2)    url: 'eq_ajax.php', 
(3)    type: 'POST',                           
(4)    data: {x:x, y:y},   
(5)    success: function (response) {
(6)       window.location.reload();
(7)    }
(8)  });

i teraz po kolei:

1. tutaj wywołujemy metodę ajax obiektu jQuery, zapisywanego najczęściej jako $.
2. tu wskazujemy cel naszgo requesta, Ty wskazujesz konkretny plik PHP, który ma zostać odpalony na sewerze
3. ustawiamy metodę http, jest ich kilka, get, post, put, delete, patch... wybierasz w zależności od konkretnego celu.
4. tutaj wskazujemy dane, które zostaną dołączone do requesta, jeśli dobrze pamiętam to jQuery już za Ciebie robi ich odpowiednią "obróbkę" aby były dobre do wysłania, więc Ty mozesz je podawać w formie normalnego obiektu JS.
5. tutaj wskazujemy callback, czyli jaka funkcja ma zostać wywołana asynchronicznie gdy otrzymamy z serwerka status 200 i wszystko pójdzie oki. Response to odpowiedź z seerwera jaką dostaniesz po zakończeniu wymiany danych.
6. tutaj wywołujesz przeładowanie strony po odebraniu danych z serwerka. Metoda reload bez żadnego parametru powoduje przeładowanie strony z cache dyskowego, a jeśli dodałbyś jej parametr TRUE to wymusiłoby to przeładowanie na nowo z serwera (tzw. force reload).
7. 7 i 8 jest chyba jasne :)

Generalnie ja zawsze polecam osobom początkującym, aby choć raz samodzielnie "obrobiły" obiekt XMLHttpRequest i spróbowały pobawić się Promisami itp. po to, aby lepiej zrozumieć co tam pod spodem tak na prawdę się dzieje. A potem oczywiście najczęściej i tak korzysta się z bibliotek, albo jQuery albo mniejszych, dedykowanych właśnie do Ajax jak axios itp.