How to load a local JSON file?

Question

I am trying to load a Local JSON file by jquery. the code works fine but the data are not available in array.

$.getJSON("/ajax/data/myjasonfile.json", function(json) {
        console.log(json);
    });

my console shows only

Object {data: Array[1]}

my sample json

{
    "data": [
        {
            "number": "1234",
            "nameOne": "Laten Thamn",
            "type": "Fishing Vessels",
            "flagName": "5467",
            "buildDate":"12/08/2016"
        }
    ]
}

Do you mean local to the client machine? If so, this is not possible. If you mean local to the server, then what you have should work fine, assuming your path is valid. — Rory McCrossan, Dec 22 '16 at 11:54
The data should be available as an object. What does your console say — ffflabs, Dec 22 '16 at 11:54
your array has only 1 element, maybe better remove [] characters? — Alexey Obukhov, Dec 22 '16 at 12:10
this question is still not clear. Whats you issue? What excatly are you having trouble with here. Your simply logging an object. What do you expect it to do? — Liam, Dec 22 '16 at 12:58

score 3 · Accepted Answer · answered Dec 22 '16 at 12:13

3

Try this to understand your response structure.

 $.getJSON("myjasonfile.json", function(json) {
        console.log(json); // access the response object
        console.log(json.data); // access the array
        console.log(json.data[0]); // access the first object of the array
        console.log(json.data[0].number); // access the first object proprty of the array
    });

answered Dec 22 '16 at 12:13

Deep

9,594
2
21
33

glad to help :) – Deep Dec 22 '16 at 12:27

Yosvel Quintero · Answer 2 · 2016-12-22T12:46:28.867

0

jQuery.getJSON() load JSON-encoded data from the server using a GET HTTP request.

As you post in your JSON structure you can access to the array by calling json.data:

$.getJSON("/ajax/data/myjasonfile.json", function(json) {
     console.log(json.data); // Logs your array
});

edited Dec 22 '16 at 12:46

answered Dec 22 '16 at 11:56

Yosvel Quintero

18,669
5
37
46

If it's showing `Object {data: Array1}` it's already an object – Liam Dec 22 '16 at 11:57

Santhosh · Answer 3 · 2017-08-08T13:27:54.770

0

Store The json Data in Array:

 $.getJSON("/ajax/data/myjasonfile.json", function(Data) {
        var array=[];
    for(var i=1;i<Data.length;i++)
    {
        var b=Data[i];
        var c=[];
        c.push(b.number);
        c.push(b.nameOne);
        c.push(b.type);
        c.push(b.flagName);
        c.push(b.buildDate);
        array.push(c);
    }
        console.log(array);
    });

edited Aug 08 '17 at 13:27

answered Aug 07 '17 at 12:31

Santhosh

140
2
13

1

May I suggest you add some context explaining your answer? – Neo Aug 07 '17 at 12:38
1

Thank you for this code snippet, which may provide some immediate help. A proper explanation [would greatly improve](//meta.stackexchange.com/q/114762) its educational value by showing *why* this is a good solution to the problem, and would make it more useful to future readers with similar, but not identical, questions. Please [edit] your answer to add explanation, and give an indication of what limitations and assumptions apply. – Toby Speight Aug 07 '17 at 14:11

score -1 · Answer 4 · edited May 23 '17 at 12:25

-1

you can try this:

$.getJSON("test.json", function(json) {
    console.log(json); // this will show the info it in firebug console
});

I think, Some issue is in your path to call json file. you need to check again of path.

You can check this link: Loading local JSON file

edited May 23 '17 at 12:25

Community

1
1

answered Dec 22 '16 at 11:56

kishan Radadiya

788
6
14

You should to follow above link. it will help you. – kishan Radadiya Dec 22 '16 at 12:00
so your saying this is a duplicate? – Liam Dec 22 '16 at 12:00

How to load a local JSON file?

4 Answers4

Linked