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

Enhancing a React modal to enable user input for updating state variables

Tips on choosing vml elements using jquery or vanilla javascript

Using Angular ui.bootstrap tabs along with ui.router: a step-by-step guide

Validation in AngularJS is limited to only accepting integers with the use of the

Successful Mongoose query in Node.js, however the array remains empty even after using forEach loop. Issue with MongoDB integration

What is the functionality of require(../) in node.js?

Managing global HTTP response errors on Vue/axios using Vuex

Tips for displaying a notification after a successful form submission using jQuery and AJAX

Interactive YouTube Video Player that keeps video playing in original spot upon clicking the button

Refresh all tabs in the TabContainer

`Next application will have all accordions simultaneously opening`

Exception: Closing the database connection failed: db.close is not a callable

What is the best way to determine the remaining time until a cookie expires in seconds?

How can I create a textbox in vue.js that only allows numeric input?

Differences between addEventListener and jQuery's on method, as well as form.submit and jQuery's

When accessing req.param on the server side in a Node.js application, it returns undefined

Using a series of identical divs to dynamically update the image URL

Using React.js to select and change the color of an element

Importing three.js using ES6 syntax

Mongoose schema nesting guide