A json file is not loaded to the browser

Question

I am new to angularjs and i am doing simple study on angular controllers and models. this is my javascript model code.

    var testApp = angular.module('testApp', []);

testApp.controller('testCtrl', function testCtrl($scope ,$http) {

  $http.get('test.json').success(function ($data){

   $scope.artists = $data;

  });

});

The webpage is loaded but comes an exception. I am using firefox in Windows 7.

[Exception... "Access to restricted URI denied" code: "1012" nsresult: "0x805303f4 >.>(NS_ERROR_DOM_BAD_URI)" location: "file:///....// angular.min.js Line: 72"]

Does anybody knows a solution.. I dont need to make it in a server only need to use local machine..

you need to have the json file hosted in a server. loading it from a file is restricted due to security. — Donal
– Donal, Commented Aug 18, 2014 at 10:04
I think the fire fox security causes for this. I think you are an student and what is your purpose of doing this in locally. check another browser. — Prathibha Chiranthana
– Prathibha Chiranthana, Commented Aug 18, 2014 at 10:05
chiran that is only for education but if it can fix that is good. — madu Premakeerthi
– madu Premakeerthi, Commented Aug 18, 2014 at 10:10

Aamir Afridi · Accepted Answer · 2014-08-18 10:34:43Z

1

You have to do a minor correction to the angular controller syntax.

testApp = angular.module('testApp', []);
testApp.controller('testCtrl', function($scope, $http) {
    $http.get('test.json').success(function($data) {
       $scope.artists = $data;
    });
});

edited Aug 18, 2014 at 10:34

Aamir Afridi

6,4313 gold badges44 silver badges42 bronze badges

answered Aug 18, 2014 at 10:30

user2550916

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

3 Comments

user2550916 Over a year ago

while defining a controller, dont want to give the controller name next to function. SO just I removed it.

runTarm Over a year ago

So, this is not an answer to the question. BTW, the controller name might be useful when debugging.

madu Premakeerthi Over a year ago

Actually the problem is not about the code i think. That is because of the browser effect i think.. but thank you any way..

JME · Accepted Answer · 2014-09-16 08:29:30Z

1

As was already mentioned in the comments above, this is likely due to Firefox's security preventing your code from gaining acces to files in your local file system.

You can configure Firefox to access local content by changing your browser's config.

In Firefox:

Go to about:config
Find security.fileuri.strict_origin_policy parameter
Set it to false

answered Sep 16, 2014 at 8:29

JME

3,63220 silver badges26 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:51:24Z

0

Check it once in chrome by disabling web securities and if the same error occur then there might be a problem in the url of json file.

Go through How can I load a local json file?

You may find what the problem is.

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Sep 16, 2014 at 9:12

Gangadhar Jannu

4,4626 gold badges33 silver badges55 bronze badges

Collectives™ on Stack Overflow

A json file is not loaded to the browser

3 Answers 3

3 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Linked

Related