Abort doesn't seem to close the connection

Abort doesn't seem to close the connection

Hi,

I have been fighting with JQuery, and I got beaten badly.

What I try to do is launching an ajax request, and if I don't get the answer soon enough, launching another one.
The problem is that I have to wait for the 1st one to complete in order to get the result of the second one (even with the abort method)


This is my code (test 1 is called first and it calls a php function which waits 10s, then return something (so we have the timeout instead of the return of the function) and calls test2 in case of an error. test2 calls to another php function that immediately return something.

What I expect to have is: test1 got a timeout, launches test2, and i get the test2 results

What I have is: test1 got a timeout, launches test2 which got a timeout as well.

What I have seen from my tests (if I don't put any timeout in the test2 function) is that I have to wait that my php function 1 finished before having the result, and I try to cancel that behaviour.

This is my code:


  1. var ajax_request;
  2. function test1()
  3. {
  4.     ajax_request=$.ajax({
  5.       url: "url to test1 php",
  6.       data: "test",
  7.       timeout: 1000,
  8.       success:function(data)
  9.       {
  10.         alert(data);
  11.       },
  12.       error: function (xhr, textStatus, errorThrown) {
  13.             $ajax_request.abort();
  14.             test2();
  15.             alert("aborted");
  16.         }
  17.     });
  18. }
  19. function test2()
  20. {
  21.     ajax_request=$.ajax({
  22.       url: "url to test 2 php",
  23.       data: "test",
  24.       timeout: 1000,
  25.       success:function(data)
  26.       {
  27.         alert(data);
  28.       },
  29.       error: function (xhr, textStatus, errorThrown) {
  30.             alert(textStatus);
  31.         }
  32.     });
  33. }
Thank you in advance!