set timeout for http request in ionic1 with angularjs

Question

I'm making an HTTP call in a controller in my ionic1 app. there are times the internet connection is slow and I'd like to put a timeout on the scripts. For example, when there is no response for 20 seconds an alert should pop up

.controller('account_statement_ctrl', function($scope, $http, $ionicLoading, $ionicPopup, $cordovaToast, $location, $ionicModal, $filter) {
  $scope.account_number = localStorage.getItem("account_number");
  ///alert if connection fails
  $scope.connect = function() {
    var alertPopup = $ionicPopup.alert({
      title: 'Error',
      template: '<p align="center">Internet Connectivity Problem</p>',
    });
  };


  $scope.nobill = function() {
    var alertPopup = $ionicPopup.alert({
      title: 'Error',
      template: '<p align="center">Not Found</p>',
    });
  };

  $scope.acc_request = function() {

    $scope.start_date = $filter('date')($scope.sdate, "yyyy-MM-dd");
    $scope.end_date = $filter('date')($scope.edate, "yyyy-MM-dd");

    $ionicLoading.show({
      template: '<p>Processing Request</p><ion-spinner></ion-spinner>'
    });
    $http.get("http://localhost/app/state?account_number=" + $scope.account_number).success(function(data) {
      $scope.statement = data.data
        //console.log(JSON.stringify(data.data))
        {
          $ionicLoading.hide();
        }
    })
  }
})

jakub.g · Accepted Answer · 2017-10-16 08:17:01Z

1

$http.get returns a Promise which can either call a success or error callback. You can set the timeout on the request (see docs) and then react to the timeout in the error callback.

$http.get(myUrl, { timeout: 20000 }).then(successCallback, errorCallback);

Read the general documentation for more details.

BTW in your script you're using .success which is deprecated. The advised way is to use standardized Promise API, i.e. .then().

edited Oct 16, 2017 at 8:17

answered Oct 16, 2017 at 8:15

jakub.g

41.9k12 gold badges101 silver badges142 bronze badges

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

2 Comments

user6579134 Over a year ago

can you phrase it into my script?

jakub.g Over a year ago

I added a basic snippet

Collectives™ on Stack Overflow

set timeout for http request in ionic1 with angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related