AngularJS HTTP Resource - Response Function Undefined

Question

I'm using an Angular HTTP Resource to get some data from an API. The method on the API is actually a PUT, but returns an array of data. (Note, it's not my API)

It performs the HTTP Call perfectly and I can see in the Network on Google Developer Tools my response is right. However, I keep getting "TypeError: undefined is not a function" when trying to work with the response data.

Here are some of the different methods I've tried and each one gives the same TypeError:

HTTP Resource

.factory('Sports', ['$resource', 'SPORTS_CONFIG',
    function($resource, SPORTS_CONFIG) {
        return $resource(SPORTS_CONFIG.URL, {}, {
            get: {
                method: 'PUT', 
                isArray: true 
            }
        });
    }
])

Angular JS Attempts

// Construct Sports Body
var s = new Sports($scope.sport);

// Attempt 1
s.$get({}, function(data){

});

// Attempt 2
s.$get({}).then(function(data){

});

// Attempt 3
s.$get({}).$promise.then(data){

});

EDIT

After looking at my error code more, it looks like the error is occurring on 'isArray' in my HTTP Resource. When I set isArray to false, it errors because it expects an object but gets an array. When I keep it true, it errors and says TypeError: undefined is not a function. When I click the javascript line it's 'isArray'.

SECOND EDIT

I've gotten it to work using the following code:

$scope.teams = Sports.get($scope.sport);

However, $scope.teams = [0, $promise, $resolved] . How can I only get [0] instead of the $promise and $resolved?

Have you tried s.$get().success(function(data, status, headers, config) { }); ? — satchcoder
– satchcoder, Commented Feb 3, 2015 at 14:38
I've added what s is, the $http resource, and an update to the error location. Could you please see the edits. — Jeremy Wagner
– Jeremy Wagner, Commented Feb 3, 2015 at 15:07
I assume the response is [{"name": "Football", "id": "2"}] (mind the quotes). If its not then the response is faulty. Do validation with JSON Lint — Sharat M R
– Sharat M R, Commented Feb 3, 2015 at 16:27

Mike Atkins · Accepted Answer · 2015-02-03 14:38:18Z

0

the argument to your 'then' function should itself be a function.

eg:

s.$get({}).then(function (data){

});

answered Feb 3, 2015 at 14:38

Mike Atkins

1,59113 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeremy Wagner Over a year ago

I've added what s is, the $http resource, and an update to the error location. Could you please see the edits.

mindparse · Accepted Answer · 2015-02-03 14:40:13Z

0

Your syntax looks wrong, follow this approach instead:

$http.get('/someurl').then(function(response) {
        //do something with response.data;
      }, function(errResponse) {
        console.error('Error while fetching data');
      });

As you can see you should be passing in a function which passes in the response from the server, and then you can get at your data.

answered Feb 3, 2015 at 14:40

mindparse

7,59529 gold badges105 silver badges217 bronze badges

1 Comment

Jeremy Wagner Over a year ago

I've added what s is, the $http resource, and an update to the error location. Could you please see the edits.

Iker Aguayo · Accepted Answer · 2015-02-03 14:40:49Z

0

You can try something like this (with a function)

$http({
        method : "GET",
        url : "your_url"
    }).success(function(data, status, headers, config) {
        $scope.yourVariable= data;
    }).error(function(data, status, headers, config) {
        alert("Request failed. HTTP status:" + status);
    });

answered Feb 3, 2015 at 14:40

Iker Aguayo

4,1444 gold badges41 silver badges54 bronze badges

1 Comment

Jeremy Wagner Over a year ago

I've added what s is, the $http resource, and an update to the error location. Could you please see the edits.

Marcos Sandrini · Accepted Answer · 2015-02-03 18:43:27Z

0

Due to the edit above, this answer became outdated.

As I cannot comment right now, the way to get the just first item as you'd like is simple: $scope.teams = Sports.get($scope.sport)[0];

edited Feb 3, 2015 at 18:43

answered Feb 3, 2015 at 14:41

Marcos Sandrini

4503 silver badges10 bronze badges

1 Comment

Jeremy Wagner Over a year ago

I've added what s is, the $http resource, and an update to the error location. Could you please see the edits.

Collectives™ on Stack Overflow

AngularJS HTTP Resource - Response Function Undefined

4 Answers 4

1 Comment

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related