Angular JS using $http() get a response, with status 200, but data is null

Question

I'm using this angular code:

$http({
  method: 'get',
  url: 'json/test.json',
  responseType: "json"
}).success(function(data, status, headers, config) {
  console.log('Success: ' + data);
  $scope.tests = data;
}).error(function(data, status, headers, config) {
  console.log('Error: ' + data);
});

the response is like this:

[{
  id: 1,
  name: 'aaaa',
  age: 20
}, {
  id: 2,
  name: 'bbbbb',
  age: 21
}]

In the console, it prints:

Success: null

how come it returns success, but data is null.

any help appreciated!

Do you get any different result if you remove the "responseType" setting? — DeborahK
– DeborahK, Commented Jan 9, 2015 at 20:03

sbedulin · Accepted Answer · 2015-01-09 20:22:25Z

3

This might happen because json is not formatted properly. Try:

[
    {
        "id": 1,
        "name": "aaaa",
        "age": 20
    },
    {
        "id": 2,
        "name": "bbbbb",
        "age": 21
    }
]

and use

$http.get("json/test.json").success(function (data) {
    console.log('success: ' + data)
});

or you may use your original code but without responseType as @DeborahK figured out:

$http({
  method: 'get',
  url: 'json/test.json'
}).success(function(data, status, headers, config) {
  console.log('Success: ' + data);
})

But anyway you would need to format your json properly, otherwise angular will raise parsing exception.

edited Jan 9, 2015 at 20:22

answered Jan 9, 2015 at 19:58

sbedulin

4,4101 gold badge26 silver badges34 bronze badges

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

3 Comments

Peter Huang Over a year ago

I tried them, none of them working. the error is something like: SyntaxError: Unexpected token {

Peter Huang Over a year ago

another error is: SyntaxError: Unexpected token '

sbedulin Over a year ago

I'm also having SyntaxError: Unexpected token i if I use your JSON. Try some some simple json e.g. [{ "foo": "bar" }], restart node (or other server), clear caches, and everything should work fine.

Jean-François Corbett · Accepted Answer · 2018-02-16 11:30:34Z

0

I don't know which version of AngularJS you are using, but assuming v1.6, then try this:

$http.get("json/test.json").then(function(response) {
    console.log('success: ' + response.data);
}).catch(function(response) {
    console.log('error: ' + response.data);
});

edited Feb 16, 2018 at 11:30

Jean-François Corbett

38.7k30 gold badges144 silver badges192 bronze badges

answered Feb 16, 2018 at 11:06

Marcus Crisostomo

1488 bronze badges

Collectives™ on Stack Overflow

Angular JS using $http() get a response, with status 200, but data is null

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related