How read json local file with jquery with ajax?

Question

I have js only project. i call from my static index.html file the json file content.

I try(not works):

 $.getJSON('/js/test.json&callback=?',
   function() {
    alert('1111111111111111');
 },'jsonp');

Edit get in chrome: XMLHttpRequest cannot load file:///somefolder/test/data.json. Origin null is not allowed by Access-Control-Allow-Origin

Thanks

Dalius I · Accepted Answer · 2012-04-27 15:18:35Z

2

You are missing data variable in callback!

$.getJSON('/js/test.json', function(data) {
    console.log('JSON data received:', data);
});

answered Apr 27, 2012 at 15:18

Dalius I

1,08112 silver badges6 bronze badges

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

2 Comments

not working! i use jsonp because i access local file without server that run it.

XMLHttpRequest cannot load file:///somefolder/test/data.json. Origin null is not allowed by Access-Control-Allow-Origin.

Sinetheta · Accepted Answer · 2012-04-30 08:10:00Z

2

You can retrieve json from a local source, it doesn't need to be jsonp, and even if it did what you are doing is not how you do it.

$.getJSON('http://yours.com/js/test.json',
   function() {
   alert('1111111111111111');
});

answered Apr 27, 2012 at 14:54

Sinetheta

9,4495 gold badges33 silver badges52 bronze badges

not working! i use jsonp because i access local file without server that run it.

XMLHttpRequest cannot load file:///somefolder/test/data.json. Origin null is not allowed by Access-Control-Allow-Origin.

The file has to be on the same domain as the request.