odtwarzanie gifa php

Question

Hej, jak mogę zrobić takie coś, że user klika w button, odtwarza się gif ładowania przez załóżmy 5 sekund i potem wykonuje kolejną część kodu PHP?

Answer 1

1. Wyświetlić button
2. zapiąć się na zdarzeniu click tego buttona
3. na callbacku dla clicka wysłać jakiś strzał np. XHR
4. odpalić tego gifa (tzw. preloader jak to często ludzie mówią)
5. na callbacku dla success z XHR usunąć gifa i odpowiednio rozporządzić danymi ze zwrotki servera, jeśli chcesz aby trwało to min. 5 sekund to możesz dać sobie taki warunek, albo użyć np. Promise.alli wtedy mas ładnie dwa promisy - zwrotka z servera + Twój delay w razie gdyby zwrotka była szybsza, ale tak po prawdzie to kompletnie nie rozumiem sensu takiego zachowania UX'owo... moim zdaniem gdy dostajesz response to od razu powinien lecieć jakiś update client-side, a nie czekać dodatkowo bez sensu np. 2-3 sekundy... ale to już jak chcesz, ja daję tylko rozwiązanie,
6. dodatkowo oczywiście obsłużyć jakoś sensownie zwrotkę z errorem, np. jakieś statusy 4xx, 5xx itp. dać jakie retry, delay itp. albo po prostu info o błędzie.

Comments

Tomasz ja bym chyba zwolnił z Promise.all oraz xhr, bo z treści pytania można wysnuć hipotezę, że koledze obce jest spojrzenie na web jako req-res.