Access JSON file in Angular.js

Question

I want to access json file in angular.js by using the following code but I am unable to access the code because of the below mentioned shown error. Help would be appreciated.!!

module :

angular.module("demoApp", ['demoApp.factory','demoApp.controllers']);

Factory:

angular.module('demoApp.factory', []).
factory('getJsonDataFactory',function($http){
    return{
    getData : function() {
        return $http.get('mapData.json');
    }
 }
});

controller :

angular.module('demoApp.controllers', []).
  controller('GetJsonController', function($scope,$http,getJsonDataFactory) {
              $scope.markers = [];  
              getJsonDataFactory.getData().success(function(data){
                $scope.photos=data;
            });
        });

Error : In firefox:

 "Access to restricted URI denied" code: "1012"


return logFn.apply(console, args)

In Chrome :`

Origin null is not allowed by Access-Control-Allow-Origin.

vittore - when access through browser , i am getting these errors shown up — coder
– coder, Commented Oct 1, 2013 at 12:48

Thomas Pons · Accepted Answer · 2013-10-01 13:08:05Z

7

In fact i think you don't have a server.

So, you're getting your application through the file:// protocol.

But file:// protocol can't do http get methods for security reasons.

To solve your matter i suggest you to put your application on a simple web server (like Apache, or wamp, xamp, lamp etc) or better to use grunt to build your application and run it on a test server through node.js

answered Oct 1, 2013 at 13:08

Thomas Pons

7,7293 gold badges40 silver badges55 bronze badges

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

1 Comment

Connor Leech Over a year ago

good catch. this question has nothing to do with angular or json

Collectives™ on Stack Overflow

Access JSON file in Angular.js

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related