Ошибка с $http.get в angularJS - Успех не является функцией

Ответ 1

Методы .success и .error устарели и были удалены из AngularJS 1.6. Вместо этого используйте стандартный метод .then.

$http.get('https://api.github.com/users')
  .then(function (response) {

    var data = response.data;
    var status = response.status;
    var statusText = response.statusText;
    var headers = response.headers;
    var config = response.config;

    $scope.user = data;
    console.log(data);
});

Уведомление об отказе

Методы долгосрочного обещания $http .success и .error устарели и будут удалены в версии 1.6. Вместо этого используйте стандартный метод .then.

- AngularJS (v1.5) $HTTP Service API Reference - Уведомление об изнашивании.

Также см. SO: Почему методы $http/методы отклонения устарели?.

Ответ 2

Я думаю, вам нужно использовать .then, а не .success при использовании angular.

Пример из документа

var promise = asyncGreet('Robin Hood');
promise.then(function(greeting) {
  alert('Success: ' + greeting);
}, function(reason) {
  alert('Failed: ' + reason);
}, function(update) {
  alert('Got notification: ' + update);
});

Вот пример использования $Http:

// Simple GET request example:
$http({
  method: 'GET',
  url: '/someUrl'
}).then(function successCallback(response) {
    // this callback will be called asynchronously
    // when the response is available
  }, function errorCallback(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

И, наконец, ваш код может выглядеть так:

$scope.getUserInfo = function () {
    $http.get('https://api.github.com/users')
        .then(function (result) {
            $scope.user = result;
            console.log(result);
        }, function(result) {
            //some error
            console.log(result);
        });
};

Ответ 3

В соответствии с вашей текущей реализацией вы не передаете аргументы (т.е. $scope и $http) на getUserInfo из ng-click="getUserInfo()", таким образом вы получаете ошибку.

Вам не нужно передавать эти аргументы как $scope и $http как уже введенные в контроллер и определять функцию в $scope.

gitHub.controller('mainController', ['$scope', '$http', function($scope, $http) {

    $scope.user = '';
    //Redefined function, without arguments
    $scope.getUserInfo = function (){ 
        $http.get('https://api.github.com/users')
            .success(function (result) {
                $scope.user = result;
                console.log(result);
            });
    };
    $scope.getUserInfo();
}]);

Ответ 4

это работает

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

// Simple GET request example:
$http({
  method: 'GET',
  url: '/someUrl'
}).then(function successCallback(response) {
    // this callback will be called asynchronously
    // when the response is available
  }, function errorCallback(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

Ответ 5

Не нужно передавать $http в качестве параметра функции, так как вы уже ввели $http в качестве зависимости от вашего контроллера. Я внесла некоторые изменения в код. Пожалуйста, проверьте, что все будет хорошо.

var gitHub = angular.module('gitHub', []);

gitHub.controller('mainController', ['$scope', '$http', function ($scope, $http) {

    $scope.user = '';

    $scope.getUserInfo = function() {
        $http.get('https://api.github.com/users')
            .success(function (result) {
                $scope.user = result;
                console.log(result);
            });
    };
    $scope.getUserInfo();
}]);

Ответ 6

$http({
    method: 'GET',
    url: '....',
    headers: {
        'Authorization': 'Bearer ' + localStorage["token"]
    }
})
.then(function (data, status, headers, config) {
     alert(JSON.stringify(data) + "Status" + status);
})
.error(function (data, status, headers, config) {
     alert(JSON.stringify(data) + "Status" + status);
});

Ответ 7

Вам не нужно вводить $scope, $http..

app.controller('MainController', function($scope, $http) { $scope.fetchData = function(_city){
  $http.get("../api/AllPlaces?filter[where][placeCity]="+ _city)
  .then(function(response) {
      $scope.Data = response.data;
    }); } });

Ответ 8

function successCallback(response) {
return response
}
$http.get('url')
.then(successCallback)

Ответ 9

В соответствии с Angular JS $http документация, эта система была исключена из 1.4.3 + Итак, я получил помощь от его , и вы можете попробовать этот путь

app.controller('MainCtrl', function ($scope, $http){
   $http({
      method: 'GET',
      url: 'api/url-api'
   }).then(function (success){

   },function (error){

   });
}

ИЛИ

$http.get('api/url-api').then(successCallback, errorCallback);

function successCallback(response){
    //success code
}
function errorCallback(error){
    //error code
}

Я предпочитаю второй, который был более гибким для меня.