AngularJS how can I call functions after multiple ajax requests are succeeded?

Question

I'm using for loop to send ajax requests to delete multiple items in datatables. Is there any way I can call functions after all the requests are succeeded? Calling functions after every request bring some issues for my datatables, also it's not working if calling functions outside of loop cause they're asynchronous requests

    for(var i = 0; i < $scope.selectedRows.length; i++) {
      $http({
        method: 'DELETE',
        url: $scope.url + '/' + $scope.selectedRows[i].name + '?recursive=true'
      })
      .then(function(res) {
       // $scope.clearSelect();
       // $scope.dtInstance.rerender();
       // $mdDialog.hide();
      }, function(res) {
        console.log('error');
      })
    }

its bad idea to send multiple request to delete rows, you should consider updating api to accept multiple ids something like DELETE /post?ids=1,3,5,7,8... etc. this way can delete in one request — Saqueib
– Saqueib, Commented Mar 9, 2016 at 6:42
Why don't you make only one ajax request to delete all the record and then in the completion of ajax make another ajax call. Because looping ajax call is not good solution — 111
– 111, Commented Mar 9, 2016 at 6:43
Using a rest call inside a loop is a very bad practice. it should be one function that deletes all on the server side. — Daniel
– Daniel, Commented Mar 9, 2016 at 6:43
use $q.all[<promise1>,<promise2> ..] method. It will finish when ALL aync call will finish — Maxim Shoustin
– Maxim Shoustin, Commented Mar 9, 2016 at 6:44
Thanks for your suggestions guys, I'm doing front end only. I'll discuss this with my colleague if it can't be resolved well at my end — vincentf
– vincentf, Commented Mar 9, 2016 at 6:52

Community · Accepted Answer · 2017-05-23 12:00:55Z

3

You should collect the promises of the requests and use the

$q.all(promises).then(...)

Look here: wait for all $http requests to finish

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Mar 9, 2016 at 6:44

Slava Shpitalny

4,2452 gold badges19 silver badges23 bronze badges

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

1 Comment

Slava Shpitalny Over a year ago

Look here: wait for all HTTP requests to finish

Collectives™ on Stack Overflow

AngularJS how can I call functions after multiple ajax requests are succeeded?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related