How to stop Ajax call in jquery

Question

I would like to stop an ajax call in jquery, which is not working

var xhr = null;

xhr = $.ajax({
    url : 'www.example.com?some-large-call',
    success : function(responseText) {
        // some DOM manipulation
    }
});

$("#button").click(function() { xhr.abort() });

I referred the below link

http://www.stoimen.com/blog/2009/09/29/jquery-stop-an-ajax-call/

Have you checked the console during this process? If so what does it say? — BenM, Mar 03 '14 at 13:39
Always define 'not working'!!! Because i guess it works but not as you expect it. So what do you expect? — A. Wolff, Mar 03 '14 at 13:44

score 3 · Answer 1 · edited May 23 '17 at 12:02

3

this probally has more XHR..

Please see this answer:

jquery abort() ajax request before sending another

From the link:

every time you do ajax request, add to array:

requests.push(
$.ajax({
    type: 'post',
    url: '/test.php',
    data: search_data,
    success: function(data) {
        $('#catalog').html(data);
    }
}));

Then, when you want to stop calls.. loop through array and abort all calls..

 for(var i = 0; i < requests.length; i++)
requests[i].abort();

Thanks

edited May 23 '17 at 12:02

Community

1
1

answered Mar 03 '14 at 13:40

JF it

2,403
3
20
30

1

Link answers are discouraged. – Silviu Burcea Mar 03 '14 at 13:42
i dont have enuf rep to add comment to anything else :( - i can delete if ok? – JF it Mar 03 '14 at 13:43
1

No need to delete, just add a summary to this answer. – Silviu Burcea Mar 03 '14 at 13:43
1

@JFit you should have voted to close question because of duplicate – A. Wolff Mar 03 '14 at 13:44
Sorry wolff.. not sure how to do this.. I update my comment.. – JF it Mar 03 '14 at 13:46

Sumeet Kumar Yadav · Answer 2 · 2018-06-01T08:33:04.703

3

xhr.abort() it will cause the client to stop listening for the event, but probably it may not stop the server from processing it.

edited Jun 01 '18 at 08:33

answered Mar 03 '14 at 13:42

Sumeet Kumar Yadav

11,912
6
43
80

score 0 · Answer 3 · answered Mar 03 '14 at 13:42

Provided the code you've pasted is the code you're actually using it's no wonder it doesn't work.

As it states on the site it is just pseudo code to illustrate an example. There is no AJAX request there and nothing to stop (at least nothing large enough to be able to stop)

How to stop Ajax call in jquery

3 Answers3