如何从AngularJS POST请求访问respsone?

时间:2017-07-18 14:07:09

标签: angularjs post jwt

我有一项登录我的网络应用程序的服务,其中包含以下代码:

angular.
module('core.user').
factory('User', ['$resource',
    function($resource) {
        var url = 'http://xxx.xx.xx.xxx:3000/api/authenticate'
        return $resource(url, {}, {
            save: {
                method: 'POST',
                params: {},
            }
        })
    }
]);

此请求不是在经常使用的$ http.post()方法中进行的,本网站上的大多数答案都是这种方法。

我想访问此请求的响应,因为它带有一个令牌(JWT),我可以看到这在Postman中有效。我可以使用<serviceName>.$promise.then((data) => {// access data here})使用类似服务从GET请求访问响应,但是当我使用POST请求时,我无法使用.then().success()

以下是我尝试访问POST响应的方式:

angular.
module('signIn').
component('signIn', {
    templateUrl: 'sign-in/sign-in.template.html',
    controller: ['$resource', 'Company', 'User', '$scope', '$rootScope', '$window',
        function CompanyListController($resource, Company, User, $scope, $rootScope, $window) {

            // Initialize Variables //
                var self = this;
                self.companies = Company.query();
                self.companies.$promise.then(function(data) {
                    var hold = data
                    data = [];
                    for (var i = 0; i < hold.length; i ++) {
                        if (hold[i].CompanyID) {
                            data.push(hold[i])
                        }
                    }
                    self.companies = data;
                })
                self.user = new User();
            // Initialize Variables //

            // Sign In Function //
                self.signIn = function() {
                    if (self.user.name && self.user.password && self.companyID){
                        self.user.$save()
                        location.href = "#!/" + self.companyID
                    }
                }
            // Sign In Function //

        }
    ]
});

如何从POST请求中访问响应中的令牌?

2 个答案:

答案 0 :(得分:1)

你可以这样做

self.user.$save(function(response){
    //here is the response
}, function(error){
})

或者像这样

self.user.$save().$promise.then(function(response){
    //here is the response
}, function(error){
})

angular $resource documentation

答案 1 :(得分:0)

return Promise.all([readFile, readImg]).then(img => this.getBase64Image(img))

应该工作