How to call a JSON file using Angular.JS using a local file without a server

Question

Here is my controller code:

angular.module('navApp', []).controller('blogCtrl', function($scope, $http) {
    $http.get("../json/blogs.json").success(function(response) {$scope.blogs = response.blogs;});
});

How can I load the blogs.json? Blogs.json contains two 'blogs'.

The way you did is fine. Examine the console log and the network panel of the browser dev tools to see what's wrong (the path of the file probably). — JB Nizet
– JB Nizet, Commented Apr 7, 2015 at 18:27
XMLHttpRequest cannot load file:///C:/Users/rjohnson/Desktop/practice/json/blogs.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. — rachiebytes
– rachiebytes, Commented Apr 7, 2015 at 18:29
You can't send AJAX requests if your app is served from the file system. You need a web server to serve your app and the JSON files. — JB Nizet
– JB Nizet, Commented Apr 7, 2015 at 18:30

rachiebytes · Accepted Answer · 2015-04-07 19:32:49Z

0

Apparently chrome does not allow local file access due to its policy, I was able to run this request in Firefox.

answered Apr 7, 2015 at 19:32

rachiebytes

6021 gold badge8 silver badges20 bronze badges

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

1 Comment

Matias Fernandez Martinez Over a year ago

You should use a server to expose the JSON files, then is very straight forward: (here)[plnkr.co/edit/5FvKle?p=preview] is a working example

Collectives™ on Stack Overflow

How to call a JSON file using Angular.JS using a local file without a server

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