How to Cancel Running AJAX Request?

[Derek]

Hi,

Is there a way to cancel an AJAX request in progress (after the onRequestStart stage)?

My use case is as follows: I have some search controls on a page with a RadGrid below.  When the search control values change, I trigger a second AJAX request to update the grid.  The DB search behind the grid can take a long time, so in this way, the user may still modify the search controls while the grid is updating.

Currently however, when the search controls change, the first grid update must complete before the next AJAX request actually fires, so there isn't really a speed improvement despite the controls being active during the grid update (the requests are queued and fired serially).  What I would like to do is cancel any running grid update when the controls change and fire the updated one.

Is this possible?  I know it isn't a limit of JavaScript since I've managed this with hand-coded JavaScript & the YUI JavaScript framework, but I can't seem to find a way to do it with RadControls nor with a cursory inspection of the jQuery docs.

Thanks!

Derek

[Pavlina]

Hello Derek,

You can cancel an AJAX request in the OnRequestStart client-side event handler of your RadAjaxManager/RadAjaxPanel.  Calling set_cancel(true) prevents the request from continuing. Review this help topic for additional information.

Sincerely yours,

Pavlina
the Telerik team

 

[Derek]

I'm sorry, maybe I wasn't clear.  I want to cancel the request after the OnRequestStart stage.  In other words, after the request has already been made and the client is waiting on the server response.  Please assume the server might take up to 30 seconds to generate a response.

Thanks again,

Derek

[Pavlina]

Hi Derek,

I am afraid that OnRequestStart event is the latest point where you can cancel the request on the client.

All the best,
Pavlina
the Telerik team