Read JSON File with jQuery

Question

Hey I'm trying to read data from a JSON File with jQuery. This is my JS:

$(document).ready(function() {
    var myItems;

    $.getJSON('testData.json', function(data) {
        myItems = data.items;
        console.log(myItems);
    });
});

And that is the JSON File:

{"fname":"rafael","lname":"marques","age":"19"}
{"fname":"daniel","lname":"marques","age":"19"}

When I open my HTML Page in the Browser I can't see nothing in the Console.

I don't see you set anything to display. But since there is console.log, you can open the developer console to see the result. — nhahtdh
– nhahtdh, Commented Jun 7, 2012 at 16:46
JSON is supposed to contain a single object, not two. Use JSONlint to validate it. — Blazemonger
– Blazemonger, Commented Jun 7, 2012 at 16:47

thecodeparadox · Accepted Answer · 2012-06-07 16:59:14Z

21

Add comma after each object, wrap then with [] and enclosed them with an object with property items in json file so it will look like

{
    items: [
    {
        "fname": "rafael",
        "lname": "marques",
        "age": "19"},
    {
        "fname": "daniel",
        "lname": "marques",
        "age": "19"
    }]
}

then you should try for

$.each(data.items, function(key, val) {
   alert(val.fname);
   alert(val.lname);
})

edited Jun 7, 2012 at 16:59

answered Jun 7, 2012 at 16:48

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

Comments

Denys Séguret · Accepted Answer · 2012-06-07 16:47:45Z

3

{"fname":"rafael","lname":"marques","age":"19"}
{"fname":"daniel","lname":"marques","age":"19"}

Isn't a correct json file. Add a comma between the lines or make it like this :

{items:[
    {"fname":"rafael","lname":"marques","age":"19"},
    {"fname":"daniel","lname":"marques","age":"19"}
]}

to comply with your apparent requirements.

But opening the console to look at errors would have solved this.

answered Jun 7, 2012 at 16:47

Denys Séguret

384k90 gold badges813 silver badges779 bronze badges

Comments

user19232196 · Accepted Answer · 2022-05-30 12:42:43Z

{
    "items":[
        {
            "fname":"Asfahan",
            "lname":"Ahmad",
            "age":"25",
            "address":"bangalore"
        },
        {
            "fname":"Mohd",
            "lname":"Rehan",
            "age":"19",
            "address":"Tanda"
        }
    ]
}

save this json file with the name JSONData.json

` $.getJSON('JSONData.json',function(data){
                 $.each(data.items,function(key,value){
                     alert(value.fname);
                     alert(value.lname);
                     alert(value.age);
                     alert(value.address);
                 })`enter code here`
             })`

Collectives™ on Stack Overflow

Read JSON File with jQuery

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related