如何限制Ajax POST请求的数量？

Question

I am using angular (in case it matters) and am trying to limit the number of ajax POST requests that my browser makes using javascript - ideally vanilla javascript on xmlHttpRequest object. Any ideas would be greatly appreciated.

Edit 1:

To be more precise, suppose I click a button which typically triggers 15 concurrent POST requests - one for each say, "record". I would like to limit these concurrent requests to be 5 at max. Is there a low level (ie javascript xmlHttpRequest ) to limit the number of these requests? It is also safe to assume the using is always going to be using either chrome or safari as this is an internal tool.

Answer 1

You could use interceptors to accomplish this, catching all requests, checking if they're post methods, and stopping the request if some count has been exceeded using configs timeout property.

$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {
    var countTimes = 0;
    var stopRequest = $q.defer();
    stopRequest.resolve();
    return {
        'request': function(config) {
            if(config.method == 'POST' && countTimes < someMaxNumber) {
                countTimes += 1;
                return config;
            } else {
                config.timeout = stopRequest.promise;
                return config;
        }
    }
});
$httpProvider.interceptors.push('myHttpInterceptor');