satya satya - 5 years ago 256
Javascript Question

Getting error while fetching data from json file using Angular.js

I am getting the following error while fetching data from my json file.


Error:


SyntaxError: Unexpected token '
at Object.parse (native)
at uc (http://localhost/json/angularjs.js:15:480)
at Zb (http://localhost/json/angularjs.js:82:229)
at http://localhost/json/angularjs.js:83:143
at m (http://localhost/json/angularjs.js:7:322)
at cd (http://localhost/json/angularjs.js:83:125)
at d (http://localhost/json/angularjs.js:84:380)
at http://localhost/json/angularjs.js:118:334
at n.$eval (http://localhost/json/angularjs.js:132:452)
at n.$digest (http://localhost/json/angularjs.js:129:4


I am explaining my code below.

var test=angular.module('testapp', []);
test.controller('HelloController',function ($scope,$http) {
console.log('hello');

$http({
method: 'GET',
url: 'data.json',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(function successCallback(response){

},function errorCallback(response) {
//$state.go('/',{}, { reload: true });
});
// Do something with myService
});



data.json:


[
{
'id':1,
'email':'abc@gmail.com',
'name':'Rahul'
},
{
'id':2,
'email':'def@gmail.com',
'name':'Ram'
},
{
'id':3,
'email':'ghi@gmail.com',
'name':'praveen'
}
]


Please help me to resolve this error andget all data.

Answer Source

The angularjs code is ok. The problem is in data.json, use " not '

data.json:

[ { "id":1, "email":"abc@gmail.com", "name":"Rahul" }, { "id":2, "email":"def@gmail.com", "name":"Ram" }, { "id":3, "email":"ghi@gmail.com", "name":"praveen" } ]

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download