Retrieving the response value in AngularJS with $resource

Question

Retrieving the response value in AngularJS with $resource

I'm trying to retrieve the response of a request using $resource in AngularJS. Here is an example implementation:

angular.module('app').factory('AuthResource', ['$resource', function($resource) {
    return {
        isAuthenticated : function() {
            return $resource('/api/v1/auth/authenticated').query();
        }
    }
}]);

When I call this service in my controller and use

console.log(AuthResource.isAuthenticated());

, instead of getting the expected result of {'success' : 'true'}, I get a response with a Resource object.

Resource {$resolved: false, $then: function, $get: function, $save: function, $query: function…}
$resolved: true
$then: function (callback, errback) {
success: false
__proto__: Resource

How can I access the actual returned object? I only need the data for routing purposes without applying it to any models. Any suggestions would be appreciated!

Thank you!

javascript angularjs

Answer 1

Answer №1

I conducted a test in this manner:

var data = {};
$httpBackend.expectGET("/api/Accounts/AuthenticationData").respond(data);

Subsequently, I made an assertion:

expect(result).toBe(data);

An error message was returned as follows:

Expected { $completed : true, $next : Function } to match { }.

After pondering for some time, I came to the realization that the object fetched by the get() function would not exactly resemble the object set up in the $httpBackend response, but instead it would initially return the base object { $resolved : ..., $then : ... } and then append any additional fields from the response object once resolved.

Hopefully, this explanation is clearer than the previous one provided.

Answer 2

I conducted a test in this manner:

var data = {};
$httpBackend.expectGET("/api/Accounts/AuthenticationData").respond(data);

Subsequently, I made an assertion:

expect(result).toBe(data);

An error message was returned as follows:

Expected { $completed : true, $next : Function } to match { }.

After pondering for some time, I came to the realization that the object fetched by the get() function would not exactly resemble the object set up in the $httpBackend response, but instead it would initially return the base object { $resolved : ..., $then : ... } and then append any additional fields from the response object once resolved.

Hopefully, this explanation is clearer than the previous one provided.

Answer 3

Answer №2

To make changes to your code, follow these steps:

angular.module('app').factory('AuthResource', ['$resource', function($resource) {
    return {
        isAuthenticated : function() {
            return $resource('/api/v1/auth/authenticated')
        }
    }
}]);

--controller 
AuthResource.isAuthenticated().query(function(data){
console.log(data);
});

After the data is retrieved from the server, it will be in the form of a resource object with access to non-GET methods using $ prefix

Answer 4

To make changes to your code, follow these steps:

angular.module('app').factory('AuthResource', ['$resource', function($resource) {
    return {
        isAuthenticated : function() {
            return $resource('/api/v1/auth/authenticated')
        }
    }
}]);

--controller 
AuthResource.isAuthenticated().query(function(data){
console.log(data);
});

After the data is retrieved from the server, it will be in the form of a resource object with access to non-GET methods using $ prefix

Answer 5

Answer №3

Is it possible to implement a solution based on the guidance provided in this Stack Overflow answer? For example, could we use the following code snippet:

AuthResource.isAuthenticated(
    {}, // parameters (if any)
    function (data) { // handle successful response
        // process retrieved data as needed
    },
    function (error) {
        console.log(error); // Log error details
    }
);

Answer 6

Is it possible to implement a solution based on the guidance provided in this Stack Overflow answer? For example, could we use the following code snippet:

AuthResource.isAuthenticated(
    {}, // parameters (if any)
    function (data) { // handle successful response
        // process retrieved data as needed
    },
    function (error) {
        console.log(error); // Log error details
    }
);

Retrieving the response value in AngularJS with $resource

Answer №1

Answer №2

Answer №3

Similar questions

Issue with accessing form in Angular 6 Reactive forms for custom validator functionality

Button in HTML not functioning as expected

Path to local image in JavaScript

recording the results of a Node.js program in PHP using exec

Warning: Non-power of two image detected in Three.js

Showing a pop-up dialog box once a value has been selected

Upon rerender, React fails to refresh the style changes

Angular directive specifically meant for the parent element

Timing problem in AngularJS service when sharing data with components on a single page

The web browser's engine is blocking the connection to the secure websocket server

One jQuery plugin was functioning perfectly, while the other one was failing to work as expected

Waiting for Promise Js to be fulfilled

Retrieve the overall number of Formik errors for a specific field array

Issue encountered while retrieving ImageURI using Phonegap

Multiple change events triggered in AJAX interactions

Unable to access the URL slug within the client component in Next.js version 13

Using jQuery to remove all inline styles except for a specific one

Angular - Evaluating the differences between the object model and the original model value within the view

Changing the z-index property of a Material-UI <Select> dropdown: What you need to know

Utilizing a Single Variable Across Multiple Middlewares in nodeJS