[jquery][ajax] beforeSend i loader Opcje

[miccom]

Cześć (IMG:style_emoticons/default/smile.gif)

Jak rozwiązać problem .beforeSend i loadera?

W czym problem?

Po kliknięciu w dany element wysyłam zapytanie do bazy danych, zanim dane zostaną zwrócone ( np. przy słabszym łączu internetowym lub długim ładowaniu zawartości ) chcę pokazać obrazek który informuje że dane są pobierane itp. )

I przy .beforeSend ładuję do jednego div klasę loading a po załadowaniu .done usuwam ta klasę.
Działa fajnie, ale:

Jeśli moje łącze jest szybkie to przez ułamek sekundy widze obrazek i on potem znika ( zgodnie z założeniem ) ale czy da się uruchomić ten obrazek np. przy dłuższym ładowaniu niż 0.5 sek. aby przy szybkich łączach obrazek w ogóle się nie pokazywał?

Poniżej przedstawiam fragment kodu ajax

[HTML] pobierz, plaintext 
$('body').on('click', '.face', function() {
			var that = $(this);
			if ((that.data('inprogress') || 0) == 1) { return false;}
			$.ajax({
				type     : "GET",
				url      : "pobierzDane/"+$(this).attr('id').split('face')[1],
				dataType : "json",
				beforeSend: function() {
					that.data('inprogress', 1);
					$("#loader").addClass("loading");
				},
			}).done(function( data ) {
				that.data('inprogress', 0);
				$("#loader").removeClass("loading");
					showActiveWindow(data.tytul, data.opis, 500, 530,100);
			}).fail(function(jqXHR, textStatus, errorThrown) {
				that.data('inprogress', 0);
				$("#loader").removeClass("loading");
				alert(textStatus);
			});
		});
 
[HTML] pobierz, plaintext 

Ten post edytował miccom 18.08.2018, 17:44:00

[trueblue]

A skąd wiadomo jaki będzie czas ładowania? Raczej tego się nie dowiesz.

[miccom]

No tak... Stąd pytam (IMG:style_emoticons/default/smile.gif)

Myślałem, że w beforeSend ustawię setTimeout ale to działa tak, że mimo że wszystko się załaduje to i tak pokaże się obrazek (IMG:style_emoticons/default/smile.gif) Więc kiszka

Teraz mnie naszło (IMG:style_emoticons/default/smile.gif)
Zamiast dawać diva i bawić się z klasami wystarczy dać:

[HTML] pobierz, plaintext 
$('body').css('cursor', 'progress');
[HTML] pobierz, plaintext 

Co nie rzuca się w oczy, a użytkownik będzie widział na kursorze ze klikniecie przyniosło efekt (IMG:style_emoticons/default/smile.gif)
A po załadownaiu zawartosci wrzucamy:

[HTML] pobierz, plaintext 
$('body').css('cursor', 'auto');
[HTML] pobierz, plaintext 

Będzie dobrze?

Ten post edytował miccom 18.08.2018, 17:47:45

[trueblue]

Jeśli żądanie będzie trwało krótko, np. 0.5s, to będzie widocznie mignięcie kursora. Będzie dobrze?

[miccom]

No myślę że tak:), pytam czy z programistycznego punktu będzie dobrze?