How should I stop a "in progress" jquery POST?

Question

I have a jQuery ajax post, where I upload big files with POST. I want to give to user the ability to cancel the submit, clicking a button, while the submit is in progress. How can I do this ?

You could use this: http://stackoverflow.com/questions/1802936/stop-all-active-ajax-requests-in-jquery — Frias, Jul 15 '11 at 17:43

score 2 · Answer 1 · answered Jul 15 '11 at 17:45

2

var xhr = null;

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

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

This should work for you

answered Jul 15 '11 at 17:45

beardhatcode

4,533
1
16
29

I use the .ajaxForm jquery plugin. I don't know how to access the xhr object. – Teodor Pripoae Jul 15 '11 at 18:26

score 0 · Answer 2 · answered Jul 15 '11 at 17:44

0

Take a look at this blog post that explains the XMLHTTPRequest.Abort() method. I believe that is what you are looking for.

answered Jul 15 '11 at 17:44

Ryan Gross

6,423
2
32
44

score 0 · Answer 3 · answered Jul 15 '11 at 17:47

0

Worst case you can try something like this

var isRequestCancelled = false;

isRequestCancelled = false;

$.post({ url:"", success:function{
   if(isRequestCancelled){
     //Alert the user with cancel message
   }
   else{
     //Confirm the user
   }
}
});

//Show a cancel buttons once you post to server and on cancel click set the global variable.

$(".cancel").click(function(){ isRequestCancelled = true;});

answered Jul 15 '11 at 17:47

ShankarSangoli

69,612
13
93
124

wouldn't this continue the "POST" ? – beardhatcode Jul 15 '11 at 17:54
Yes it will. As I said it is to handle the worst case even after the post successfully happened but user cancelled it. – ShankarSangoli Jul 15 '11 at 17:55
that is indeed worst case, because, in some cases you would need to send a "undo" to the server – beardhatcode Jul 15 '11 at 17:56
Exactly we do need to handle such cases. – ShankarSangoli Jul 15 '11 at 17:58

How should I stop a "in progress" jquery POST?

3 Answers3