Why does AngularJS "$http.get().then(...)" work on plain text files, but not JSON files?

Question

Here are two demos of using AngularJS "$http.get().then(...)". One reads plain text files, and the other reads JSON files.

read plain text vs read JSON

However, the first one works but the second doesn't. Everything else is the same, except for file1.txt, file2.txt, file3.txt, and line 23 of app.js.

  /* content of file: 100 */

  function getNumber(file) {
      return $http.get(file).then(function(response){
         return parseInt(response.data, 10);
      });
  }

vs

  /* content of file: [{'n':100}] */

  function getNumber(file) {
      return $http.get(file).then(function(response){
         return response[0].n;
      });
  }

I followed this post by trying to create a service but still got some errors.

Basically, how to make the second one work? Thanks in advance! It would be more explicit if you look at the demos.

Note that the file contents aren't quite valid JSON. Strings, including object keys, have to be delimited by double-quotes -- content of file: [{"n":100}] — Jonathan Lonowski
– Jonathan Lonowski, Commented Jun 10, 2015 at 20:51
aah you got invalid JSON there. you must use double quotes, not single quotes. — PSL
– PSL, Commented Jun 10, 2015 at 20:53

Vincent F · Accepted Answer · 2015-06-10 20:51:31Z

3

[{'n':100}] is not valid JSON. Change it to [{"n":100}]

answered Jun 10, 2015 at 20:51

Vincent F

3713 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Why does AngularJS "$http.get().then(...)" work on plain text files, but not JSON files?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related