Making asynchronous ajax call in Angular

Question

I have a bunch of ajax calls in my angular app.

$scope.playerData = function(param) {           
        showLoader();
        $http({
            method:"POST",
            url:"slim.php/playerData",
            data: {'playerId': param},
        }).then(function(response) {
            ajaxCallDone();                 
        },function(response){
            handleError();
        });
    }

Most of my other ajax calls using Angular have same syntax. I notice that my calls are all made synchronously. If I have 5 calls to the server, each executes ONLY after the other has returned. This is not what I need. How can I make these calls synchronously. I read about $q and promises, but I am unable to understand them. I following but it did not help:

playerApp.config(function ($httpProvider) {
  $httpProvider.useApplyAsync(true);
});

Any pointers are greatly appreciated!!

Adrian Menendez · Accepted Answer · 2015-12-09 11:27:16Z

1

Angular calls are asynchronous. You can see the source code of the http backend factory where the async boolean is hard-coded to true (line 77 at this moment). Your problem maybe comes from your own code.

answered Dec 9, 2015 at 11:27

Adrian Menendez

4904 silver badges12 bronze badges

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

Comments

Kasyx · Accepted Answer · 2015-12-09 11:35:55Z

1

Requests are asynchronous, but i think there is another problem. Remember, that modern browsers can execute only few ajax requests simultaneously (you can have 2. Its part of HTTP specification). So if you have many ajax calls browser can queue them.

answered Dec 9, 2015 at 11:35

Kasyx

3,19823 silver badges32 bronze badges

Collectives™ on Stack Overflow

Making asynchronous ajax call in Angular

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related