Skip to main content

Abort Ajax requests using jQuery


Using jQuery, how can I cancel/abort an Ajax request that I have not yet received the response from?



Source: Tips4allCCNA FINAL EXAM

Comments

  1. Most of the jQuery Ajax methods return an XMLHttpRequest (or the equivalent) object, so you can just use abort().

    See the documentation:


    abort Method (MSDN). Cancels the current HTTP request.
    abort() (MDC). If the request has been sent already, this method will abort the request.




    var xhr = $.ajax({
    type: "POST",
    url: "some.php",
    data: "name=John&location=Boston",
    success: function(msg){
    alert( "Data Saved: " + msg );
    }
    });

    //kill the request
    xhr.abort()


    UPDATE:
    As of jQuery 1.5 the returned object is a wrapper for the native XMLHttpRequest object called jqXHR. This object appears to expose all of the native properties and methods so the above example still works. See The jqXHR Object (jQuery API documentation).

    ReplyDelete
  2. It's an asynchronous request, meaning once it's sent it's out there.

    In case your server is starting a very expensive operation due to the AJAX request, the best you can do is open your server to listen for cancel requests, and send a separate AJAX request notifying the server to stop whatever it's doing.

    Otherwise, simply ignore the AJAX response.

    ReplyDelete
  3. You can't recall the request but you can set a timeout value after which the response will be ignored. See this page for jquery AJAX options. I believe that your error callback will be called if the timeout period is exceeded. There is already a default timeout on every AJAX request.

    ReplyDelete
  4. meouw's solution is correct, but if you're are interested in more control then you could try the Ajax Manager plugin for jQuery.

    ReplyDelete
  5. Save the calls you make on a array, then call xhr.abort() on each.

    HUGE CAVEAT: you can abort a request, but that only the clientside, the server side could still be running the request. If you are using something like PHP/ASP with session data, the session data is locked until the ajax has finished. So to allow the user to continue browsing the website, you have to call session_write_close().

    ReplyDelete

Post a Comment

Popular posts from this blog

Slow Android emulator

I have a 2.67 GHz Celeron processor, 1.21 GB of RAM on a x86 Windows XP Professional machine. My understanding is that the Android emulator should start fairly quickly on such a machine, but for me it does not. I have followed all instructions in setting up the IDE, SDKs, JDKs and such and have had some success in staring the emulator quickly but is very particulary. How can I, if possible, fix this problem?

CCNA 1 Final Exam 2011 latest (hot hot hot)

  Hi! I have been posted content of ccna1 final exam (latest and only question.) I will post the answer and insert image on sunday. If you care, please subscribe your email an become a first person have full test content. Subcribe now  Some question  have not content because this question have images content. So that can you wait for me? SUNDAY 1. A user sees the command prompt: Router(config-if)# . What task can be performed at this mode? Reload the device. Perform basic tests. Configure individual interfaces. Configure individual terminal lines. 2. Refer to the exhibit. Host A attempts to establish a TCP/IP session with host C. During this attempt, a frame was captured with the source MAC address 0050.7320.D632 and the destination MAC address 0030.8517.44C4. The packet inside the captured frame has an IP source address 192.168.7.5, and the destination IP address is 192.168.219.24. At which point in the network was this packet captured? leaving host A leaving ATL leaving...