在mozilla firefox中没有格式良好的源文件

时间:2014-06-18 05:31:55

标签: json angularjs firefox content-type http-get

以下是我的JSON文件的内容 -

{
    "tags": [
        "Red",
        "Green",
        "Blue",
        "Yellow"
    ]
}

我使用jsonlint检查了这一点,但我仍然在firefox中收到以下错误。

  

时间戳:2014年6月18日星期三10:39:41 IST错误:格式不正确   源文件:   文件:///home/trialcode/trialcode/Projects/ang/18-06-2014/ang/content.json   行:1,列:1源代码:{

我不确定我做错了什么。

仅供参考 -

操作系统 - Linux Ubuntu 12.04

Firefox - 24.0

修改

我通过content.json方法在角度控制器中使用$http.get文件的内容。

我详细探讨了此类错误,发现它与Content-Type设置有关。

以下是完整代码 -

<!doctype html>
<html lang="en" ng-app="app">
<head>
    <title>JSON Read In Angularjs</title>
    <meta charset="UTF-8" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
    <script>
        var app = angular.module('app', []);

        app.controller('myCtrl', function($scope, $http){
            $scope.data = {};
            $http.get('content.json').success(function(data) {
                $scope.data = data;
            });
        });
    </script>
</head>
<body ng-controller="myCtrl">
        <ul>
            <li ng-repeat="em in data.tags">{{em}}</li>
        </ul>
</body>
</html>

如果出现问题,如何设置内容类型。我搜索HERE但无法修复它。请帮帮我。

1 个答案:

答案 0 :(得分:3)

经过几个小时的搜索,我发现了 -

  

Chrome和其他现代浏览器已实现安全性   对Cross Origin Requests的限制,这意味着你不能   通过file:///加载任何内容,你需要使用http:// protocol at   所有时间,甚至是本地 - 同源政策。

来源 -

  1. Cross Origin Script Stackoverflow Answer
  2. Simple Solution For Local Cross Origin Requests