How to stop all ajax process in the page using jQuery?

Question

How to stop all ajax process in the page using jQuery ?

Answer 1

The way to kill a single AJAX process is this way

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

//kill the request
x.abort()

After you declare 'x' and initialize the ajax, simply add x to an array. Then you can cycle through the array and call each items .abort() method.

Answer 2

You can save the reference and fire

ajaxid.abort();

Answer 3

You can for a process as follows. event.stopPropagation();