popup alert when http request last x seconds with angularjs

Question

I want to popup and alert saying "Error Contacting Server" when http request doesn't get any feedback.

.controller('items_ctrl',['$scope','$http',function($scope,$http){
    $scope.shop_id=localStorage.getItem("shop_id");
        $http.get('http://localhost/myapp/spree/stocks.php').success(function(data){
            console.log(JSON.stringify(data));
            $scope.item=data;

           });
    }])

please check http://stackoverflow.com/questions/27507678/in-angular-http-service-how-can-i-catch-the-status-of-error hope this helps!! — Jomon Raju, Sep 19 '16 at 10:20
On a side note: "The `$http` legacy promise methods `success` and `error` have been deprecated. Use the standard `then` method instead. If `$httpProvider.useLegacyPromiseExtensions` is set to `false` then these methods will throw `$http/legacy` error." Taken from: https://docs.angularjs.org/api/ng/service/$http — Chris Satchell, Sep 19 '16 at 10:21

score 1 · Accepted Answer · answered Sep 19 '16 at 10:37

You should use then instead of success/error methods

Here is your updated code

.controller('items_ctrl',['$scope','$http',function($scope,$http){
    $scope.shop_id=localStorage.getItem("shop_id");
        $http.get('http://localhost/myapp/spree/stocks.php').then(function(data){
               console.log(JSON.stringify(data));
               $scope.item=data;

           }, function(error){
               alert("Error contacting server");
           });
        }])

the alert should pop up after for example 20 seconds – user6579134 Sep 19 '16 at 11:04 — user6579134, Sep 19 '16 at 11:04

score 0 · Answer 2 · answered Sep 19 '16 at 10:20

0

You should specify error callback function.

$http.get('/someUrl', config).then(successCallback, errorCallback);

For more information please see https://docs.angularjs.org/api/ng/service/$http

answered Sep 19 '16 at 10:20

Sabik

1,449
11
10

Disha · Answer 3 · 2016-09-19T10:28:52.200

0

Use promise for it .Set some timeout in your javascript.

var cancelReq= $q.defer();
$http.get('/someUrl', {timeout: cancelReq.promise}).success(successCallback);
$timeout(showErrorPopup, 3000);

after timeout , resolve it and then show popup

function showErrorPopup(){
   cancelReq.resolve(); 
//popup code
}

edited Sep 19 '16 at 10:28

answered Sep 19 '16 at 10:21

Disha

812
1
8
37

popup alert when http request last x seconds with angularjs

3 Answers3