Angular: $http.post() not called

Question

I am using $http to post data to server.

There are two OPTIONS requestMethod calls before making a POST request.

However, the POST request is not made sometimes.

As I am updating html on return of this call, the page hangs.

 $http({
       url: scope.Settings.url,
               method: "POST",
                data:data,
                withCredentials: true
            }).then(function (data, status, headers, config) {
                setBusyState(false);
                scope.rModel = scope.search;
                scope.Results = data.data;
            }, function (data, status, headers, config) {
                scope.Results = [];
                setBusyState(false);
            });

EDIT: This does not happen always. Only a few times.

This appears to happen only in Chrome, whereas it is fine in IE

Have you checked for any console errors and monitored the network tab of chrome browser or tried to see what fiddler is reporting?If so share those updates. — Navoneel Talukdar
– Navoneel Talukdar, Commented Jun 27, 2016 at 8:24
Also angularjs caches the request in IE so always use app.config(['$httpProvider', function ($httpProvider) { $httpProvider.interceptors.push('requestInterceptor'); $httpProvider.defaults.cache = false; if (!$httpProvider.defaults.headers.get) { $httpProvider.defaults.headers.get = {}; } $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache'; $httpProvider.defaults.headers.get['Pragma'] = 'no-cache'; } ]); — Navoneel Talukdar
– Navoneel Talukdar, Commented Jun 27, 2016 at 8:27
Also make sure your endpoint is responding. This can give the impression that the req is not being made. — tommyd456
– tommyd456, Commented Jun 27, 2016 at 8:28
I checked Fiddler. It shows me only two OPTIONS request. No POST request is made. Also no console errors appear — Ajinkya
– Ajinkya, Commented Jun 27, 2016 at 8:34

Navoneel Talukdar · Accepted Answer · 2016-06-27 09:50:23Z

This is a known issue with AngularJS where it caches the subsequent http requests so if you have multiple http requests lined up you would sometime experience that some of the calls are not actually made.I have mainly seen this issue of aggressive caching in IE.

To overcome this issue you need to apply some sort of global settings which will prevent the http requests from getting cached.The ideal place of doing this in angular is $httpProvider.

Basically you are setting different header parameters with the appropriate values.

Related code from app.config

appConfig.config(['$httpProvider', function ($httpProvider) {       
    $httpProvider.defaults.cache = false;
    //initialize get if not there
    if (!$httpProvider.defaults.headers.get) {
        $httpProvider.defaults.headers.get = {};
    }
    //disable IE ajax request caching
    $httpProvider.defaults.headers.get['If-Modified-Since'] = <set a time>;
    $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
    $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
}
]);

d-_-b · Accepted Answer · 2016-10-06 03:24:22Z

0

What angular does in chrome is, it makes OPTIONS request.

These Pre-Flight OPTIONS requests are a way of asking permissions for the actual request, before making the actual request.

So, as a work around, adding headers to the request solves the problem.

$http({
    url: scope.Settings.url,
    method: "POST",
    data: data,
    headers: {
        'Content-Type': 'application/json'
    },
    withCredentials: true
}).then(function(data, status, headers, config) {
    setBusyState(false);
    scope.rModel = scope.search;
    scope.Results = data.data;
}, function(data, status, headers, config) {
    scope.Results = [];
    setBusyState(false);
});

edited Oct 6, 2016 at 3:24

d-_-b

23.2k43 gold badges174 silver badges291 bronze badges

answered Jun 27, 2016 at 12:50

Ajinkya

10411 bronze badges

Collectives™ on Stack Overflow

Angular: $http.post() not called

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related