$ http.post не является функцией

Question

Я пытаюсь отправить данные формы в конечную точку API, которую я создал. Я тестировал его в PostMan, и API хорошо работает, и я могу получить данные успешно. Но при подключении этой конечной точки API к функции в угловых js я получаю следующую ошибку.

Heres мой код:

$scope.saveSession = function() { 

    $http.post("/session/survey", $scope.session).success(function(data, status) { 
     $window.location.href = '/'; 

       console.log("Sucessfully getting data" + JSON.stringify(data)); 
    }) 
    } 

Примечание:

$scope.session является объектом, который заселяется с помощью ng-model тега. Например:

<input type="text" ng-model="session.title"> 

Edit (код контроллера):

// This is our controller for the bio page 
var session = angular.module('session', ['sessionService']) 

session.controller('sessionCtrl', function($scope, $http, $window, sessionServices) { 

$scope.session = {}; 

$scope.saveSession = function() { 

    $scope.session.sessionNo = 1; 
    $scope.session.coach = "mmmm"; 
    $scope.session.modules = "wokr place"; 

    //console.log(user); 
    $http.post("/session/survey", $scope.session).success(function(data, status) { 
     $window.location.href = '/'; 
       console.log("Sucessfully getting added bio" + JSON.stringify(data)); 
    }) 
    }; 

}); 

Answer 1

Это потому, что вы используете $http.post().success.

Попробуйте;

$scope.saveSession = function() { 

$http.post("/session/survey", $scope.session).then(function(data, status) { 
    $window.location.href = '/'; 

      console.log("Sucessfully getting data" + JSON.stringify(data)); 
}) 
} 

Мы используем. Then, чтобы вернуть «обещание» из службы $ http.

Надеюсь, это поможет!

Answer 2

Использование обещаний Функция «успех» не существует в объекте $ http ($ http success и методы ошибки доступны только в более ранних версиях Angular 1.x, но они удалены в Angular 1.6):

// 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. 
}); 

Больше в официальной документации https://docs.angularjs.org/api/ng/service/ $ HTTP

Answer 3

это потому, что .success() на самом деле не является функцией. Как the documentation explains, обещание возвращается $http.post(), которые вы можете цепи с .then()

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