Tutorial :How to you abort/cancel a request using the prototype js library?


Using this code:

var pendingRequest =  new Ajax.Request(myUrl, {                 method: 'post',                 postBody: soapMsg,                 contentType: "text/xml",                 onSuccess: function(transport) {                      doSomething(transport);                 },                 onFailure: function(t) {                      OnAjaxFailure(t);                 },                 onException: function(req,exception) {                       OnAjaxException(req, exception);                           }                 });   

How can I cancel the request and discard the data, or failing that, how could I identify the request (using a name/guid/whatever) inside my onSuccess method so that I can tell which request is completing?

I was thinking of doing an array.push(pendingRequest) to keep track of pending requests

I want to allow the user to interrupt their request, change the input values and resubmit.

Sometimes the original request ends after the new request and I'm replacing the "correct" data with the "old" data. (search results return 50,000 records on the first query and 5 in the second, for example)



You can use XHR's abort.

The XHR-object is stored in pendingRequest.transport, so using


would cancel the request.


I reccomend this article: http://blog.pothoven.net/2007/12/aborting-ajax-requests-for-prototypejs.html works for me.

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Next Post »