$http success scope finished loading possible?

Question

$http({
    url: "php/InsertTab.php",
        method: "POST",
        data: {
            'userId': userId,
        },
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).success(function(data, status, headers, config) {

        myVar = data;

        }).error(function(data, status, headers, config) {
    });

how to wait success scope done loading? there's no .done in angularjs's $http

success is called if the operation went ok (after it is done). — Ronni Skansing, May 10 '14 at 09:40
possible duplicate of [variable is not shareable in http $scope](http://stackoverflow.com/questions/23579250/variable-is-not-shareable-in-http-scope) -- please don't ask questions twice. — Felix Kling, May 10 '14 at 09:47
Do you want to do something after either a success or error? — Michal Charemza, May 10 '14 at 09:57

score 2 · Answer 1 · edited Jun 20 '20 at 09:12

2

You can use .success method:

.success(function(data, status, headers, config) {
  // this callback will be called asynchronously
  // when the response is available

})

edited Jun 20 '20 at 09:12

Community

1
1

answered May 10 '14 at 09:36

Diana Nassar

2,303
14
17

what? I used success in my above code, look carefully – user3522469 May 10 '14 at 09:37
1

@user3522469 this is the answer to the question. The success function is called when the xmlrequest is done and got a positive response. If you do not understand it you need to start searching and reading – Ronni Skansing May 10 '14 at 09:39
Ah, sorry - I saw only ".error"! Then what is your question / problem?! – Diana Nassar May 10 '14 at 09:39
@RonniSkansing I want to do something after success, how? – user3522469 May 10 '14 at 09:46
2

@user3522469: By executing whatever you want to do inside `success`. – Felix Kling May 10 '14 at 09:48
@user3522469 the questions is very vague, how can it be answered other then put it in the bottom of success or push a event and make something else listen to it. – Ronni Skansing May 10 '14 at 09:51

score 0 · Answer 2 · answered May 10 '14 at 09:54

If you mean updating scope, you can directly assign to scope from the success callback.

$http({
    url: "php/InsertTab.php",
        method: "POST",
        data: {
            'userId': userId,
        },
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).success(function(data, status, headers, config) {

        $scope.myVar = data;

        }).error(function(data, status, headers, config) {
    });

If you need to show a loading indicator or so, you can use the promise API, which provides a then(success, error) method, like that:

function MyCtrl($scope) {
    $scope.ajaxLoading = true;

    $scope.ajaxComplete = function() {
        $scope.ajaxLoading = false;
    };

    $http({
        url: "php/InsertTab.php",
            method: "POST",
            data: {
                'userId': userId,
            },
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
            }).success(function(data, status, headers, config) {

            $scope.myVar = data;

            }).error(function(data, status, headers, config) {
        }).then($scope.ajaxComplete, $scope.ajaxComplete);
}

You can later make this generic using AJAX interceptors. See the AJAX documentation page:

https://docs.angularjs.org/api/ng/service/$http

It depends on the order of setting, so if `success` was called first, the function you passed to it should be called first — Meligy, May 10 '14 at 23:13

$http success scope finished loading possible?

2 Answers2