How to call $http in angularJS sequentially? But I need to call it second $http based on response of first $http

Question

I have to make two $http call but the second call must be based on first response(only if there is any error).

Answer 1

The best option is to use .then() with your request. When using .then, you can pass in multiple functions that will be called - the first if it is successful, the second if there is an error. So, it would look like this:

//First http call
$http.get('http://your-url.com')
  .then(function (trsponse) {
    //Call was successful; do something
  }, function (response) {
    //Call was unsuccessful; Grab whatever you need from the response and make your second http call:
    var data = response.data;
    var statusCode = response.status;
    var statusText = response.statusText;
    $http.get('http://your-second-url.com');  
  });

The response that gets passed into your functions will have these properties on it:

 data – The response body
 status – The status code of the response (e.g. 404)
 headers – Headers on the response
 statusText – The text of the status of the response

Answer 2

You can do something like this:

var promise1 = $http.get('firstUrl.com');

promise.then(
  function(payload) {
    $scope.movieContent = payload.data;
  })
  .catch(function (error) {
    secondUrl();
    console.log("Something went terribly wrong.");
  });

Then :

var secondUrl = function(){

   var promise2 = $http.get('secondUrl.com');

   promise2.then(
   // get the data and also other required functions
  );

}