jquery how to stop $.ajax when you click on a button

Question

How can I stop him in the $.ajax() function when you click on this button:

<button class="stop">Stop</button>

There is any function that cause to $.ajax() stop?

Note: My $.ajax script is found in a function, for example:

function useajax()
{
    $.ajax(...)
}

possible duplicate of [Kill Ajax requests using JavaScript using jQuery](http://stackoverflow.com/questions/446594/kill-ajax-requests-using-javascript-using-jquery) — James Montagne, Feb 24 '12 at 18:29

score 3 · Accepted Answer · answered Feb 24 '12 at 18:27

3

$.ajax() returns a jqXHR, which has an abort method.

var jqXHR;
function useajax()
{
    jqXHR = $.ajax(url, data, function() { /* complete */});
}

$(".stop").click(function(){ jqXHR.abort(); });

answered Feb 24 '12 at 18:27

jrummell

my case is little more complication, because I'm using $.ajax in a function. – user1123379 Feb 24 '12 at 18:29
Not really, you just need to declare your jqXHR variable outside the scope of your function. – jrummell Feb 24 '12 at 18:30
like this: var jqXHR = useajax(); and to abort: jqXHR.abort(); ? – user1123379 Feb 24 '12 at 18:31
Just a second, I'm checking this out. – user1123379 Feb 24 '12 at 18:32
It doesn't work from some reason. May I talk with on the stackoverflow's chat? – user1123379 Feb 24 '12 at 18:41

1 Answers1