How to access json data from json file

Question

I am trying to access JSON data from separate json file(in different folder)but it is throwing exception " No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. "

I have my file at root "Index.html".Parallel to this there is a separate folder "JSON" which contains my json file "quotes.json". My Code is

$(document).on("pagebeforeshow", "#info-page", function () {
    $.getJSON("Json/quotes.json", function (data) {
        var items = [];
        $.each(data, function (key, val) {
            items.push(val);
            alert(data.key);
        });      
    });
});

try to change the extension of the file: .getJSON("Json/quote.html", etc .. — PaolaG
– PaolaG, Commented Feb 24, 2014 at 7:24
Your code is suffering CORS(cross domain issue). see this or try to use jsonp dataType. — Praveen
– Praveen, Commented Feb 24, 2014 at 7:29
cors doesn't make sense on local paths; use get() instead of getJSON()... — dandavis
– dandavis, Commented Feb 24, 2014 at 7:33

Felix · Accepted Answer · 2014-02-24 07:25:53Z

0

You need to create a json file with name quotes.json instead of quotes.html and put your json code inside this file.

answered Feb 24, 2014 at 7:25

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

1 Comment

Felix Over a year ago

Actually, I just follow OP's question which I'm assuming he's testing on the localhost.

Collectives™ on Stack Overflow

How to access json data from json file

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