Do czego służy AJAX?

pytanie zadane 3 listopada 2018 w JavaScript przez TaskerPEW Użytkownik (510 p.)

Cześć, nie za bardzo rozumiem sens użycia AJAX'a, a na internecie nie mogę znaleźć odpowiedzi, która mnie w 100% usatysfakcjonuje. Mógłby mi ktoś wytłumaczyć do czego służy, jak i gdzie używać AJAX'a?

komentarz 3 listopada 2018 przez pablop76 VIP (123,160 p.)

A czego dokładnie z tego nie rozumiesz?

komentarz 3 listopada 2018 przez TaskerPEW Użytkownik (510 p.)

W jakich sytuacjach (w jakich elemetach strony) go użyć? W daleszej części tego kursu jest przykład z formularzem (dwoma selektami), jak wybierze sie w jednym plec to w drugim wyskakują do wybrania imiona. Dlaczego nie można tego zrobić po prostu poprzez sam JS? Bez wykorzystania PHP?

komentarz 3 listopada 2018 przez pablop76 VIP (123,160 p.)

Pokaż ten przykład. Czy tam użyto ajaxa?

Ale dam Ci inny.

Załóżmy, że masz napisać plugin na stronę, który ma podawać aktualny kurs franka szwajcarkiego.

To jest API NBP gdzie możesz pobrać te dane.

Dokładnie wyślesz zapytanie pod ten adres i otrzymasz potrzene dane w formacie JSON, następnie wyświetlisz je na stronie.

Za pomocą ajaxa możemy te operacje wykonać bez przeładowania strony.

komentarz 3 listopada 2018 przez TaskerPEW Użytkownik (510 p.)

http://kursjs.pl/kurs/jquery/jquery-ajax.php (rozdział Dynamiczne selekty z użyciem JSONA)

2 odpowiedzi

odpowiedź 3 listopada 2018 przez marcin99b Szeryf (82,160 p.)
wybrane 4 listopada 2018 przez TaskerPEW

Najlepsza

Aplikacje serwerowe (np w php, asp.net, nodejs itd) zwracają dane
Np pliki html, którymi wyświetlasz strone, ale mogą zwracać też zwykłe dane
np same wyniki wyszukań (nie cała strona, tylko same obiekty które znalazło)

Często jest tak, że nie potrzebujemy pobierać całej już wyrenderowanej strony, z wynikami dla tego hasła w wyszukiwarce
tylko wystarczą nam same wyniki

I ajax służy właśnie do tego, żeby bez odświeżania i renderowania całej strony od zera, dało się pobrać tylko ten element z serwera, którego potrzebujemy
Przykładowo wyniki wyszukiwania, ale można znaleźć do tego całą masę zastosowań

Gdybyś miał pytania to pisz w komentarzach
+poczytaj o api

komentarz 4 listopada 2018 przez TaskerPEW Użytkownik (510 p.)

A skąd wziąć jakieś API?

komentarz 4 listopada 2018 przez marcin99b Szeryf (82,160 p.)

Tworzysz aplikacje backendową i w niej dodajesz akcje dla konkretnych zapytań HTTP, które wykonują jakieś akcje i zwracają jakieś dane

Albo korzystasz z gotowego
Wiele firm udostępnia API do swoich usług
Np narodowy bank polski udostępnia różnego rodzaju kalkulatory walut
Facebook i instagram to chyba nawet pełna obsługa kont
Wiele firm kurierskich pozwala zamawiać za pomocą API

Api służy ogólnie do komunikacji, tym nie tylko pobierasz dane, ale też wysyłasz
Poczytaj czym jest REST

I jak będziesz chciał, to GraphQL -> wątpię żeby kiedyś ktoś poza pojedynczymi przypadkami, używał tego na większą skale, ale według mnie łatwiej zrozumieć jakiś temat, jeśli znasz alternatywy
(te pojedyncze przypadki to np facebook, jak dobrze pamiętam to też github)

komentarz 6 listopada 2018 przez matizuu Obywatel (1,100 p.)

@marcin99b, Na lekcjach mówili mi, że np. slajder lepiej zrobić s js, niż w php, ponieważ nie mamy co chwila wielu zapytań do serwera.

A jak jest z ajaxem, bo nie wymaga przeładowania strony, ale nadal wysyła zapytanie do serwera.
A więc pobierając ciągle nowe zdjęcie z bazy, w ajax również mamy wiele zapytań obciążających serwer?

komentarz 6 listopada 2018 przez marcin99b Szeryf (82,160 p.)

Tylko pytanie, po co pobierać zdjęcie z każdą zmianą slidera?
Najlepiej pobrać wszystkie zdjęcia... albo przynajmniej kilka do przodu jak jest ich kilkadziesiąt albo kilkaset
I robisz już wszystko w js po stronie klienta, mając u klienta gotowe pliki na których operujesz

Możesz doładowywać każde zdjęcie osobno, ale będzie to niezbyt przyjemne dla użytkownika, który na każde zdjęcie musi czekać aż się załaduje
Lepiej żeby na początku poczekał chwilę dłużej, ale po załadowaniu miał pełną płynność

Ajax jedyne co robi to wysyła zapytanie w tle
Więc możesz sobie pobrać troche rzeczy z serwera bez konieczności odświeżania

Ale pamiętajmy też, że każde zapytanie to jakiś przesył danych

+poczytaj też o cachowaniu danych po stronie serwera i klienta
dzięki temu osoba która raz pobrała jakieś dane (np zdjęcia), przez jakiś czas chcąc zobaczyć te zdjęcia, nie będzie musiała obciążać serwera
co prawda cache co jakiś czas się czyści aby użytkownik cały czas miał aktualne dane
ale nawet jeśli czyści się co 15 minut, a w ciągu tych 15 minut użytkownik chciałby zobaczyć jakieś zdjęcie 31 razy, to już mamy zaoszczędzone 20 pobrań tego zdjęcia
załóżmy że takich użytkowników jest 1000
i już oszczędzamy 30 tysięcy pobrań pliku ważącego dajmy na to 3MB, na 15 minut