Read Json file data using javascript?

Question

function uploadJsonFunction(){
  var jsonURL = "C:\Users\My Documents\new\WebContent\JsonFiles\TreeJson\countries.json";
}

countries.json is valid json and the above path has countries.json file.
I want to read the countries.json file whole data/contents using javascript.

Here is my Json:

{
  identifier: 'id',
  label: 'name',
  items: [
    {
      id: 'AF',
      name: 'Africa',
      type:'continent'
    }
  ]
}

I wouldn't even try to file the local file system. Host the file on a webserver and use XHR. — Quentin
– Quentin, Commented May 20, 2013 at 12:46
thats also not valid JSON, you need double quotes and the property names also need quoting, paste what you have into this web site json.parser.online.fr — Dampsquid
– Dampsquid, Commented May 20, 2013 at 12:51

JJD · Accepted Answer · 2016-01-14 22:00:26Z

14

$.ajax({
    url: "\countries.json",
    success: function (data) {
        var obj = JSON.parse(data);
    }
});

For safety reasons, The C:\Users\My Documents\new\WebContent\JsonFiles\TreeJson\countries.json url won't work in a browser.

edited Jan 14, 2016 at 22:00

JJD

52.7k63 gold badges218 silver badges352 bronze badges

answered May 20, 2013 at 13:20

Arkadiusz Cieśliński

5,3663 gold badges26 silver badges20 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:00:25Z

0

Please try to see this example.

Jquery to get Json

-or-

How to use a JSON file in javascript

Hope may help you.

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Sep 5, 2013 at 10:54

456qwe123asd

1914 silver badges18 bronze badges

Comments

EmiX · Accepted Answer · 2013-05-20 12:59:02Z

-1

Why not to try Google: http://www.json.org/js.html

I used this for Android app that worked with PhoneGap(HTML+Javascript+JQuery)

Worked fine.

My Method:

var link_name = pathtojson.json

$.getJSON(link_name,
function(data){
var ttext = (data["SearchResponse"]["Translation"]["Results"][0]["TranslatedTerm"]);
document.getElementById('ttexti').innerHTML = ttext;
}
);

edited May 20, 2013 at 12:59

answered May 20, 2013 at 12:48

EmiX

511 gold badge1 silver badge8 bronze badges

Collectives™ on Stack Overflow

Read Json file data using javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related