return false + location.reload

Question

Witam,

Załóżmy , że mam button z mechaniką jak poniżej:

$('#accept-form').submit(function() {
		var imgurl = canvas.toDataURL('image/jpeg');
		sAjax(imgurl);
		
		return false;
	});

Po przesłaniu formularza blokowana jest reakcja na submit oraz wywoływana jest funkcja AJAX'a.

Chciałbym jednocześnie, aby przy próbie zdarzenia submit (które wciąż musi być blokowane) strona odświeżała się: location.reload, po uprzednim wykonaniu instrukcji poprzedzających.

I teraz w jakiejkolwiek kombinacji użyję tych dwóch instrukcji (reload i return false)...

$('#accept-form').submit(function() {
		var imgurl = canvas.toDataURL('image/jpeg');
		sAjax(imgurl);
		
        location.reload();
		return false;
	});

...strona albo odświeża się przed wywołaniem return false, albo return false blokuje wywołanie location.reload.

Przykład dostępny jest na stronie http://localhost/tpi/ - po wygenerowaniu obrazka i potwierdzeniu wysłania, kod co prawda wywołuje się (obrazki są zapisywane na serwerze) ale strona się nie odświeża.

Comments

Z tym przykładem na:

http://localhost/tpi/

to wygrałeś.

---

Ano widzisz, zakręcony jestem dzisiaj.

Answer 1

Hm, ale przecież Ajax jest asynchroniczny, więc nic dziwnego, że instrukcje po wywołaniu żądania się wykonują najpierw → http://webroad.pl/javascript/746-synchroniczna-asynchronicznosc