Read a non JSON file in AngularJS

Question

The data in sakey-data.json file is array of arrays.

[
       [ 'Brazil', 'Portugal', 5 ],
       [ 'Brazil', 'France', 1 ],
       [ 'Brazil', 'Spain', 1 ],
       [ 'Brazil', 'England', 1 ]
]

I have been using this factory service to fetch the data.

app.factory('SankeyData', ['$http', function($http){

    return $http.get('http://localhost:4000/data/sakey-data.json')
        .success(function(data){
            return data;
        })
        .error(function(err){
            return err;
        });

}]);

It is unable to get data. Rather it shows this error.

SyntaxError: Unexpected token '

There is no syntax error at all. If I change the GET URL to actual JSON format file everything works well.

And moreover I can not change the format of this data in file because Google Graph API needs data in this format.

Please help me find a solution to fetch such files from server using AngularJS.

As per the specification. JSON strings have to be quoted in double quotes (") rather than single quotes ('). — Phylogenesis
– Phylogenesis, Commented Jun 3, 2015 at 7:48
Can you show your call to the SankeyData factory ? Actually you can't return data in a success like that. — Okazari
– Okazari, Commented Jun 3, 2015 at 7:59
You can return data "like that" in success but in this case only if transformResponse is overriden. — Mikko Viitala
– Mikko Viitala, Commented Jun 3, 2015 at 8:03
@MikkoViitala Sorry i didn't give enought explanation. I meant you can't return data "this way". The return function in .success will fire and ... return data to nothing. the .success handling the data shouldn't be in the factory. — Okazari
– Okazari, Commented Jun 3, 2015 at 8:08
Yes, true. Factory as it is, is not going to work but I assumed it's copy/paste error. — Mikko Viitala
– Mikko Viitala, Commented Jun 3, 2015 at 8:11

Mikko Viitala · Accepted Answer · 2015-06-03 10:25:25Z

1

As state by @Phylogenesis you really should replace ' with ".
If that's not an option, then you can configure $http to transform the response.

angular.module('app',[])

  .controller('MainCtrl', function(SankeyData) {
    SankeyData.getData().then(function(data) {
      console.log(JSON.parse(data));
    });
  })

  .factory('SankeyData', function($q, $http) {
    var url = 'http://localhost:4000/data/sakey-data.json';
    return {
      getData: function() {
        return $http({ 
          url: url, 
          transformResponse: function(response) {
            return response.replace(/\'/g, '"');
          },
        }).then(function(response) {
          return response.data;
        });
      } 
    };
  });

imgur

edited Jun 3, 2015 at 10:25

answered Jun 3, 2015 at 7:55

Mikko Viitala

8,3944 gold badges41 silver badges62 bronze badges

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

3 Comments

charlietfl Over a year ago

will still be a string and JSON.parse won't convert it ...answer doesn't deal with how OP would convert to javascript array from string

Mikko Viitala Over a year ago

Edited my answer to deal with it.

Mikko Viitala Over a year ago

Down vote, eh? Probably from my personal, serial downvoter? No? Then please, leave a comment so I can improve my answer.

Collectives™ on Stack Overflow

Read a non JSON file in AngularJS

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related