Is it possible to abort jquery $.ajax request with data type json?

Question

I want cancel jquery $.ajax call request with datatype json on window unload event. I tried doing this and it is throwing error on xhr.abort(); line.

var xhr = $.ajax({         
    type: "POST",
    url: serviceUrl,
    dataType: "text json",
    data: ajaxParameters,
    async: true,
    contentType: "application/json; charset=utf-8",
    error: function(request, status, error) {
    },
    complete: function(e, xhr, settings) {                      
    }
});

$(window).onunload = function(){
    xhr.abort();
}

Your code has a syntax error (missing comma after `serviceUrl`). Also, it should be `$(window).on('beforeunload' ...)` — Explosion Pills, Jan 29 '13 at 06:14
@AshokD Just curious, why would someone want to abort the request on window close? Won't it be automatically aborted? — Salman, Jan 29 '13 at 06:18
@ExplosionPills didn't get you, what do you mean? aborting means we don't want response, and if we closing the browser, we anyways don't receive response. — Salman, Jan 29 '13 at 06:23
@Салман but it doesn't halt the request on the server side — Explosion Pills, Jan 29 '13 at 06:25
Possible duplicate http://stackoverflow.com/q/600494/1618713 — Faisal Sayed, Jan 29 '13 at 06:25
just a side note to handle ajax requests I use ajaxQueue https://github.com/gnarf37/jquery-ajaxQueue , it has better way to manage requests in case you are sending lots of ajax requests to server and wants to avoid deadlock at serverside (specially session) — sakhunzai, Jan 29 '13 at 07:02
Here scenario is service call is made and IIS is processing it, between this client page is unloaded, now server sends the response and waits for client to send acknowledgement(Page is already unloaded so nobody is available to receive response). Because of this there are requests which are getting too much time in IIS logs, to avoid this I'm want the abort the ajax call — AshokD, Jan 30 '13 at 03:42

score 0 · Answer 1 · answered Jan 29 '13 at 06:27

0

Try this out...

// Global variable
var xhr;

xhr = $.ajax({         
    type: "POST",
    url: serviceUrl,
    dataType: "text json",
    data: ajaxParameters,
    async: true,
    contentType: "application/json; charset=utf-8",
    error: function(request, status, error) {
    },
    complete: function(e, xhr, settings) {                      
    }
});

$('body').on('beforeunload',function(){
    xhr.abort();
}

answered Jan 29 '13 at 06:27

ATOzTOA

34,814
22
96
117

It is giving TypeError on xhr.abort(); line – AshokD Jan 30 '13 at 08:16
Try `console.log(xhr);` before abort line. – ATOzTOA Jan 30 '13 at 08:21
Before abort() call readyState was 1 and after abort() call readyState 0. – AshokD Jan 30 '13 at 08:28
@AshokD Can you check at server side whether the request was aborted? – ATOzTOA Jan 30 '13 at 11:15
I can see through fiddler service returned with status code 200 – AshokD Jan 30 '13 at 11:20
Is it because we are using JSON datatype? – AshokD Jan 30 '13 at 12:02
for JSONP it does not support, I think sameway for JSON it is not supporting – AshokD Jan 30 '13 at 12:55
Just try `text`, what you get? – ATOzTOA Jan 30 '13 at 14:08
When I refresh the browser then I'm getting Syntax error on .abort() method. Did you have idea about this? – AshokD Jan 31 '13 at 11:47
Browser refresh will invoke `onbeforeunload` before refreshing. What is the error you are getting? – ATOzTOA Jan 31 '13 at 12:09
It gives error as "Syntax error" on abort call, if redirect to some other page then it does not throw any error – AshokD Jan 31 '13 at 14:45
Which browser? Normally, you won't be able to see errors when you refresh and the browser clears all logs from previous session. – ATOzTOA Jan 31 '13 at 14:46
I'm using IE8. Tried using try catch and added alert in catch block. – AshokD Jan 31 '13 at 14:47
Try Chrome, there the error will have a accompanying line number in the code, where the error occured. – ATOzTOA Jan 31 '13 at 14:49
have created chat room. Is it possible to join? – AshokD Jan 31 '13 at 14:52
basically our requirement is to use IE8 only – AshokD Jan 31 '13 at 14:57
What I am telling is trying in Chrome will give you more inputs on the errors. – ATOzTOA Jan 31 '13 at 16:13

Is it possible to abort jquery $.ajax request with data type json?

1 Answers1