jak dokładnie działa abort() w jQuery? Opcje

[SeaDog]

Witam, ostatnio napisałem post w dziale mysql (dublowanie zapytań SQL). W skrypcie był błąd, który został poprawiony i sytuacja się poprawiła,
ale ostatnio dostałem info od swojego klienta, że po wypełnieniu formularza znów dublują się zapytania w bazie danych MySQL.
Forumowicze, mam do Was pytanie.

Jak dokładnie działa funckja abort() w jQuery? Chodzi mi konkretnie o ustawiony timeout w Ajaxie i anulowaniu requestu w sekcji error.

Już tłumaczę o co mi dokładnie chodzi, otóż:

Użytkownik wypełnia formularz, jeśli wszystkie pola zostaną wypełnione a walidacja nie zwróci błędu do skryptu PHP leci ciąg JSON.
W metodzie AJAX ustawiony jest timeout na 3 sekundy. Po trzech sekundach od nie otrzymania success uruchamia się funkcja z informacją dla użytkownika,
że jego zlecenie jest przetwarzane (w tym momencie AJAX zwrócił error i ponawia wysłanie ciągu JSON do tego samego skryptu PHP w przeciągu
jednej sekundy i tak w kółko... aż do momentu wyrobienia się przeciągu 3 sekund, czyli AJAX success).

Wszystko zależne jest od obciążenia serwera. Jeśli obciążenie jest znikome, komunikat o przetważaniu dancyh nawet się nie włącza. Jeśli obciążenie jest
nieco wyższe, wtedy funckja uruchamia się po trzech sekundach. Bywa też tak, że komunikat się pokaże, po chwili zniknie a wpis się nie zdublował.
Głowię się już nad tym około tygodnia. Jak to wygląda w praktyce?

Czy możliwym jest, że wysłany ciąg JSON leci do serwera, w bazie kolejkowane są zapytania, minęły 3 sekundy, w tym momencie uruchamia się wyżej
opisana funckja i ponawiane jest to samo zapytanie mimo tego, że wpis już został prawidłowo dodany? czyli tak jakby funckja wykonuje się ponownie,
ponieważ AJAX nie zdążył zwrócic success?

Efekt ma być taki, żeby najpóźniej po 3 sekundach od kliknięcia w przycisk "Wyślij", jeśli skrypt jeszcze przetwarza dane ponieważ serwer jest obciążony,
użytkownik otrzymał odpowiednią informację, żeby nie pomyślał, że coś się zawiesiło albo coś podobnego. Myślałem, że użycie w tym wypadku
AJAX error jest dobrym rozwiązaniem ale zauważyłem, że pomimo 3 zabezpieczeń takich jak

- zdjęcie zdarzenia z przycisku po jego kliknięciu,
- przypisanie wartości zmiennej "s" = 1, która powoduje, że ponowny request nie może być wysłany. Wartość 0 wraca po otrzymaniu AJAX success,
- zabezpieczenie skryptu PHP sesją, która pozwala wysłać następne zlecenie dopiero po 5 sekundach

...nadal występuje problem z dulowaniem zleceń,

Proszę o pomoc.

Ten post edytował SeaDog 26.09.2014, 19:48:48

[SeaDog]

Twojego rozwiązania nie testowałem. Myślałem, że otrzymam konkretną informację dlaczego tak się dzieje. Jak narazie nie będę wprowadzał kolejnych zmian,
ponieważ na chwilę obecną duplikatów nie ma od momentu, kiedy użyłem innego rozwiązania czyli, zamiast wyświetlać komunikat użytkownikowi kiedy Ajax
zwroci error po 3 sekundach i ponowić wysłanie danych, rozwiązałem to w ten sposób, że komunikat zwracany jest po 3 sekundach od momentu kliknięcia
w przycisk ale jako osobna funckja a timeout ustawiony jest na 15 sekund. W przypadku zwrócenia przez Ajax error, użytkownik musi kliknąć przycisk, żeby
ponownie wysłać dane.

Mniej więcej wygląda to taK;

[HTML] pobierz, plaintext 
<script>
$(document).ready(function(){
 
	  var s=0;
 
	  function wait(){
 
	  $('button','#form').attr('disabled','disabled');
 
	  w=setTimeout(function(){
 
		wai = 1;
 
		$('#modal').dialog({
			autoOpen: 'true',
			modal: 'true',
			resizable: 'false',
			width: '30%',
			title: "Komunikat z serwera",
			show: { effect: "scale", direction: "origin" },
			hide: { effect: "scale", direction: "origin" },
			position: ['5%',120],
			closeOnEscape: 'false',
		});
 
		$('.ui-dialog-titlebar-close').hide();
 
		$('#modal').empty().css('text-align','center');
		$('#modal').html("<div style='width:100%;height:80px;background-position: center;background-repeat:no-repeat;background-image:url(\"images/loading.gif\")'></div>\
		Czekaj, trwa przetwarzanie informacji...");
 
		}, 3000);
 
	  }
 
 
	var form_data = $('#form').serialize();
 
	$('#form').submit(function(){
 
	wai = 0;
 
	wait();
 
	  function add(){
 
	  if(s<1){
 
	  s=1;
 
	  var req = $.ajax({type:"POST",url:"skrypt.php",dataType:"json",data:form_data,cache:false,timeout:15000,success:function(data){
 
	  if(wai>0){ $('#modal').dialog('close'); }
 
	  ...
 
	  clearTimeout(w);
	  setTimeout(function(){s=0}, 5000);
 
	  },error:function(){
 
	  req.abort();
 
	  $('#modal').html("<b>Przekroczono limit czasu połączenia:</b><br><button type='submit' id='retry' class='btn btn-primary btn-large'>Spróbuj ponownie</button>");
 
	  $('#retry').one('click', function(){
 
	  $('#modal').dialog('close');
 
	  s=0;
	  wai=0;
	  wait();
	  add();
 
	  });
 
	  }
 
	  });
 
	  }
 
	  }
 
	  add();
 
	  });
 
});
</script>
[HTML] pobierz, plaintext 

Ominięcie problemu, ale zagadka nadal nie jest rozwiązana...

Ten post edytował SeaDog 28.09.2014, 22:15:11