how can I cancel an Ajax request?

Question

In phonegap how to cancel an ajax request in program, I would like to set cancel button for control the request when it's too slow

$.ajax({
    type: "GET",
    url: url,
    success: function(m) {
        alert( "success");
    }
});

score 8 · Accepted Answer · edited May 23 '17 at 11:47

8

hi it's similar as Abort Ajax requests using jQuery,anyway This can help you

 var ab = $.ajax({  type: "GET",  url: url,  success: function(m)  {    alert( "success");  } });

//kill the request
ab.abort()

edited May 23 '17 at 11:47

Community

1
1

answered Apr 29 '14 at 11:42

LeNI

1,144
2
10
18

score 6 · Answer 2 · edited Apr 29 '14 at 11:30

6

Store the promise interface returned from ajax request in a global variable and abort it on cancel click

var result = $.ajax({  type: "GET",  url: url,  success: function(m)  {    alert( "success");  } });


$('#cancel').click(function() {
    result.abort();
});

edited Apr 29 '14 at 11:30

A. Wolff

73,242
9
90
149

answered Apr 29 '14 at 11:23

Manoj Yadav

6,420
1
20
21

can you please elaborate? – Tuhin Apr 29 '14 at 11:25
You can store the result in `global` variable and `abort` the request on a button call – Manoj Yadav Apr 29 '14 at 11:26
5

You're not storing the result, you're storing the returned deferred promise, and it exposes the native XMLHttpRequest which has an abort method. – adeneo Apr 29 '14 at 11:27
@adeneo Thanks for correcting me. – Manoj Yadav Apr 29 '14 at 11:33

Tuhin · Answer 3 · 2014-04-29T11:42:42.877

2

var request= $.ajax({  type: "GET",  url: url,  success: function(m)  {    alert( "success");  } });


$('#cancel').click(function() {
    request.abort();
});

this will abort the request from the client(browser) side but note : if the server has already received the request, it may continue processing the request (depending on the platform of the server) even though the browser is no longer listening for a response. There is no reliable way to make the web server stop processing a request that is in progress.

edited Apr 29 '14 at 11:42

answered Apr 29 '14 at 11:34

Tuhin

3,170
1
13
25

Wait, how is this different than already posted answer??? EDIT: your words about server not handling it is interresting thought – A. Wolff Apr 29 '14 at 11:35
I just explained. nothing more than that. OP should know what actually is going to happen not only how it can be achieved. – Tuhin Apr 29 '14 at 11:37
Ya, edited my previous comment, i'm quite agree here! – A. Wolff Apr 29 '14 at 11:37
I did not mention that kind of words....:) – Tuhin Apr 29 '14 at 11:40

how can I cancel an Ajax request?

3 Answers3