determine request time out in angular $http

Question

I am sending an http request using angular as below.

$http({
    url: url,
    params: params,
    method:'POST',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    },
    timeout: 60000    //60 seconds
}).success(function(data, status, headers, config) {
    //do something 
}).error(function(data, status, header, config) {
    if(timedout){  //determine occurrence of timeout.
        //invoke timeout handler
    } else  
        //handle other error
    }
});

How can I determine the timeout?

I have observed that status code "0" is received in this case. Is it safe to check status==0 for timeout?

Please note that I am not asking about HTTP Request timeout (status code 408).

Answer 1

I have done it as below...

var startTime = new Date().getTime();
$http.post(...)
    .success(function(resp, status, header, config) {...})
    .error(function(resp, status, header, config) {
        var respTime = new Date().getTime() - startTime;
        if(respTime >= config.timeout){
            //time out handeling
        } else{
            //other error hanndling
        }
    });

Answer 2

I just read through the source code. In the source code of the $httpBackend, the xhr.ontimeout is not being handled. They should implement xhr.ontimeout.

Unfortunately Angularjs doesn't support the http timeout handling for right now. :(

Answer 3

According to Angular's documentation, the timeout parameter is expressed in milliseconds.

So you're setting it at 1 milliseconds, which is extremely low. This will probably make the request fail in 99.9999 % of situations.