无法在 $http.get() 函数中使用我的项目中的本地 json 文件答案

【问题标题】：can't use local json file from my project in $http.get() function无法在 $http.get() 函数中使用我的项目中的本地 json 文件
【发布时间】：2017-12-07 15:21:04
【问题描述】：

我有这个代码，但它总是给我一个错误

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;
  })

这是我的 json 文件：

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

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

文件名为mydata.json。 '请原谅语言差异'。我认为我的问题是我没有以正确的方式使用$http.get() 函数。我不确定天气是否可以将 $http.get() 用于本地网址。请帮助并提前感谢您

【问题讨论】：

plnkr.co/edit/P0HQeO2rGerVquLrARSm?p=preview
对不起，我试过你的解决方案，它仍然没有工作，它没有改变任何东西，我仍然有同样的错误，还有其他想法吗？感谢您的帮助

标签： angularjs http-get

【解决方案1】：

删除 JSON 文件最后一行的分号。

此外，数据属于data 属性。使用data.data

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

【讨论】：

当我使用 .then(function (data.data) 它给了我一个额外的错误："Uncaught SyntaxError: Unexpected token ." 并且它没有解决第一个问题

【解决方案2】：

你可以在data.data找到你需要的对象尝试使用这样的错误回调来捕获错误

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

【讨论】：

我试过了，但它只添加了一个新错误！！关于如何解决这个问题的任何其他想法，感谢您的帮助（y）
你遇到了什么错误。？我试过的时候没问题。我们可以显示 eroor
欣然：FileJS.js:187 Uncaught SyntaxError: Unexpected token .
你能给出代码的截图吗？..以及错误。你提供的还不够
我刚刚编辑了这个问题，因为在那里添加代码和屏幕截图更容易，所以请去看看