can't use local json file from my project in $http.get() function

Question

I have this code but it keeps giving me an error

app.controller('myController',["$scope", '$location', '$http', '$rootScope',function($scope, $location, $http, $rootScope){
    $scope.gridOptions1 = {
    paginationPageSize: 15,
    columnDefs: [
      { name: 'الاسم' },
      { name: 'الجنس' },
      { name: 'الشركة' }
    ]
  };
  $http.get('/data/mydata.json')
  .then(function (data) {
    $scope.gridOptions1.data = data;
  })

and this here is my json file:

[
{
    "الاسم": "سمير",
    "العائلة": "سمراوي",
    "العمر": "32",
    "الجنس": "ذكر"
},
{
    "الاسم": "حمدان",
    "العائلة": "ابو حميد",
    "العمر": "20",
    "الجنس": "ذكر"
},
{
    "الاسم": "خالد",
    "العائلة": "خلدون",
    "العمر": "15",
    "الجنس": "ذكر"
},{

    "الاسم": "سمير",
    "العائلة": "سمراوي",
    "العمر": "32",
    "الجنس": "ذكر"
},
{
    "الاسم": "حمدان",
    "العائلة": "ابو حميد",
    "العمر": "20",
    "الجنس": "ذكر"
},
{
    "الاسم": "خالد",
    "العائلة": "خلدون",
    "العمر": "15",
    "الجنس": "ذكر"
},
{
    "الاسم": "سمير",
    "العائلة": "سمراوي",
    "العمر": "32",
    "الجنس": "ذكر"
},
{
    "الاسم": "حمدان",
    "العائلة": "ابو حميد",
    "العمر": "20",
    "الجنس": "ذكر"
},
{
    "الاسم": "خالد",
    "العائلة": "خلدون",
    "العمر": "15",
    "الجنس": "ذكر"
},
{
    "الاسم": "سمير",
    "العائلة": "سمراوي",
    "العمر": "32",
    "الجنس": "ذكر"
},
{
    "الاسم": "حمدان",
    "العائلة": "ابو حميد",
    "العمر": "20",
    "الجنس": "ذكر"
},
{
    "الاسم": "خالد",
    "العائلة": "خلدون",
    "العمر": "15",
    "الجنس": "ذكر"
},
{
    "الاسم": "سمير",
    "العائلة": "سمراوي",
    "العمر": "32",
    "الجنس": "ذكر"
},
{
    "الاسم": "حمدان",
    "العائلة": "ابو حميد",
    "العمر": "20",
    "الجنس": "ذكر"
},
{
    "الاسم": "خالد",
    "العائلة": "خلدون",
    "العمر": "15",
    "الجنس": "ذكر"
},
{
    "الاسم": "سمير",
    "العائلة": "سمراوي",
    "العمر": "32",
    "الجنس": "ذكر"
},
{
    "الاسم": "حمدان",
    "العائلة": "ابو حميد",
    "العمر": "20",
    "الجنس": "ذكر"
},
{
    "الاسم": "خالد",
    "العائلة": "خلدون",
    "العمر": "15",
    "الجنس": "ذكر"
}
];

the file is called mydata.json. 'pardon the language difference'. What I think my problem is is that I'm not using $http.get() function the right way. I'm not sure weather I can use $http.get() for local urls. Please help and thank you in advance

Sorry but I tried you're solution to it and it still didn't work, it didn't change anything, I still have the same error, any other ideas? thanks for the help — sameer lol
– sameer lol, Commented Jul 4, 2017 at 9:42

Sachila Ranawaka · Accepted Answer · 2017-07-04 08:44:42Z

1

remove the semicolon in the last line in your JSON file.

Also, data comes under data property. use data.data

$http.get('/mydata.json')
  .then(function (data.data) {
    $scope.gridOptions1.data = data.data;
  });

answered Jul 4, 2017 at 8:44

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

1 Comment

sameer lol Over a year ago

When I use .then(function (data.data) it gives me an extra error:"Uncaught SyntaxError: Unexpected token ." and it doesn't solve the first one

Jins Peter · Accepted Answer · 2017-07-04 11:08:27Z

1

you can find your required object in data.data try using error call back like this to catch the error

$http.get('/mydata.json')
  .then(function (data) {
    $scope.gridOptions1.data = data;
  },function(err){
    console.log(err);
});

edited Jul 4, 2017 at 11:08

answered Jul 4, 2017 at 8:56

Jins Peter

2,4891 gold badge22 silver badges40 bronze badges

6 Comments

sameer lol Over a year ago

I tried that but it only added a new error!! any other ideas on how I could solve this, thanks for the help (y)

Jins Peter Over a year ago

what error did u get.? i got it alright when i tried. can us show the eroor

sameer lol Over a year ago

with pleasure: FileJS.js:187 Uncaught SyntaxError: Unexpected token .

Jins Peter Over a year ago

can u give screenshots of the code?..and the error. what you are providing is not sufficient

sameer lol Over a year ago

I just edited the question because it's easier to add code and screenshots there so please go check it out

|

Collectives™ on Stack Overflow

can't use local json file from my project in $http.get() function

2 Answers 2

1 Comment

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Related