Prevent angular http post request timeout

Question

I am created a AngularJs Post request.The request contain a long process take more than 2 minutes for perform that.But my angular request return null error after 15 seconds.request perfectly working and no error.But angular request time out with in 15 seconds

 $http.post('/api/evaluateOmrExamination',{exam_id:$scope.curExam.id})
            .success(function(data,status,headers,config){
                $scope.showProgress=false;
                ngNotify.config({
                    theme: 'pure',
                    position: 'top',
                    duration: 3000,
                    type: 'info',
                    sticky: false,
                    button: true,
                    html: false
                });

                ngNotify.set('Evaluate Examination Completed Successfully');

                $scope.errorLists=data;
            }).error(function(data,status,headers,config){
                console.log(data);
                //$scope.showProgress=false;
            });

I am also set time out in angular but no use.

 app.config(['$httpProvider', function($httpProvider) {
    $httpProvider.defaults.timeout = 10000000;
 }]);

I need your suggestions

in your localhost you have php.ini and you can change max_execution_time, also you can change it in .htaccess — Maher
– Maher, Commented Feb 17, 2018 at 9:58

Charlie Schliesser · Accepted Answer · 2018-02-17 19:08:58Z

1

Short term fix is to increase your server's timeout (this is not a client / Angular issue). You say you're using LAMP, so you must configure PHP's max_execution_time property in php.ini to a larger value. You may also need to configure Apache's timeout in httpd.conf.

Long term fix, the request could return immediately (i.e. not 2 minutes or even 15 seconds later). This doesn't mean the job is done, just that the request to perform the job is done. Then you can ping your server every X seconds to see if the job is complete, and then get the data to display to the user. It seems like more work, and it may take a little more time, but I've found that it can be easier to develop and debug this way instead of having single monolithic requests that do a lot of work. In addition to being a better user experience :)

answered Feb 17, 2018 at 19:08

Charlie Schliesser

8,3025 gold badges48 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jack Ryan · Accepted Answer · 2018-02-17 09:00:27Z

0

There are some good recommendations here.

app.factory('timeoutHttpIntercept', function ($rootScope, $q) {
    return {
        'request': function(config) {
            config.timeout = 10000000;
            return config;
         }
    };
});

And in your config:

$httpProvider.interceptors.push('timeoutHttpIntercept');

answered Feb 17, 2018 at 9:00

Jack Ryan

1,32813 silver badges26 bronze badges

2 Comments

Shahid Neermunda Over a year ago

still same problem exist

Maher Over a year ago

the problem not solved in the client ! it's server configs i talk about in the comment

Collectives™ on Stack Overflow

Prevent angular http post request timeout

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related