Wywołanie funkcji po zakończeniu poprzedniej

Question

Taka sytuacja, mam dwie funkcje :
function1();   // ajax modyfikujący baze danych po zdarzeniu onclick
function2()    // ajax wczytujący zawartość diva na podstawie bazy danych

Jako że javascript to dziki język podejrzewam że funkcja2 czasem wczytuje się przed pierwszą powodując lekki zamęt bo losowo zdarza się tak że zawartość diva nie przeładuje po kliknięciu a w bazie danych widzę że zmiany są :)

Jak mieć pewność że funkcja2 zostanie wywołana po funkcji1 skoro funkcja1 odpala tylko skrypt php i raczej nie wie kiedy tenże skrypt będzie gotowy ? Dobrze to rozumiem?  :)

Answer 1

Winą oczywiście jest tu asynchroniczność i musisz na ten temat uzupełnić swoją wiedzę, bo bez tego ani rusz.

Rozwiązaniem twojego problemu są callbacki. Nie wiem z czego tam korzystasz, z gołego obiektu xhr, czy może funkcji z jQuery, ale nie ważne co by to było, każda funkcja asynchroniczna przyjmuje, np. w jakimś parametrze, funkcję zwrotną, która zostanie wywołana gdy tamta zakończy swoje działanie.

Comments

Dzięki za pomoc ! callbacki będą moją walentynką jutro :P