What Is A Background Request Ajax

In Javascript How Can I Examination If Whatever Ajax Call Is Running In The Background At A Given Moment

In JavaScript, how tin I test if any AJAX phone call is running in the background at a given moment?

Tags: javascript , xmlhttprequest , ajax Answers: 1 | Viewed 4,969 times

I'grand leap to apply native javascript (although a jQuery solution tin can too work if I catechumen information technology to native javascript).

Also, I have no handles to existing AJAX requests so I tin't access them directly.

I am searching for something like:

              var ajaxRequestsInProgress = document.getAllAjaxRunning();
                ajaxRequestsInProgress[1].getStatus(); // will return the status of the request, for example

and so I can access this object and check / manipulate existing ajax requests.

lonesomeday reply at 2014-05-15 eight

This is, shall nosotros say, a fiddling tricky. There is no native way to do it. So nosotros demand to exercise a bit of hacking, modifying the native XMLHttpRequest functions. Something like this:

              var getAJAXRequests = (office() {
                var oldSend = XMLHttpRequest.prototype.send,
                currentRequests = [];
                XMLHttpRequest.prototype.transport = role() {
                currentRequests.push(this); // add together this request to the stack
                oldSend.apply(this, arguments); // run the original function
                // add an event listener to remove the object from the assortment
                // when the request is consummate
                this.addEventListener('readystatechange', part() {
                var idx;
                if (this.readyState === XMLHttpRequest.DONE) {
                idx = currentRequests.indexOf(this);
                if (idx > -1) {
                currentRequests.splice(idx, 1);
                }
                }
                }, false);
                };
                return function() {
                render currentRequests;
                }
                }());

It tin be chosen with getAJAXRequests().

Y'all can come across it in activity on jsFiddle.

* The answers/resolutions are collected from stackoverflow, are licensed under CC BY-SA three.0

Some Code Answers

              var ajaxRequestsInProgress = document.getAllAjaxRunning();
ajaxRequestsInProgress[1].getStatus();
// will return the status of the request, for example

              var getAJAXRequests = (part() {
var oldSend = XMLHttpRequest.prototype.transport,
                currentRequests = [];
XMLHttpRequest.image.send = function() {
                currentRequests.push(this);
// add this request to the stack
                oldSend.utilise(this, arguments);
// run the original function
                // add together an result listener to remove the object from the assortment
                // when the request is complete
                this.addEventListener('readystatechange', role() { var idx;
                if (this.readyState === XMLHttpRequest.DONE) {
idx = currentRequests.indexOf(this);
if (idx >
-1) {
                currentRequests.splice(idx, 1);
} }
                }, imitation);
};
return function() {
                render currentRequests;
} }());

              (role() {
var requestCounter = 0,
                send = Request.prototype.send,
                abolish = Request.prototype.cancel,
                onSuccess = Request.prototype.onSuccess,
                onFailure = Asking.image.onFailure,
                timeout = Request.image.timeout;
var increase = role() {
                ++requestCounter;
};
var decrement = function() {
                --requestCounter;
                if (requestCounter <
0) { requestCounter = 0;
                }
};
Asking.implement({
                send: office() { increment();
return transport.apply(this, arguments);
                },
                cancel: role() { decrement();
return cancel.apply(this, arguments);
                },
                onSuccess: function() { decrement();
return onSuccess.use(this, arguments);
                },
                onFailure: function() { decrement();
return onFailure.utilize(this, arguments);
                },
                timeout: function() { decrement();
return timeout.utilise(this, arguments);
                }
});
Request.getRunningCount = part() {
                return requestCounter;
};
})();

              var request1 = new Request(...);
var request2 = new Request(...);
                request1.send();
request2.send();
panel.log(Request.getRunningCount());
// 2  request1.cancel();
console.log(Asking.getRunningCount());
// one  // request2 completes console.log(Request.getRunningCount());
// 0