fetch data from jSON file

Question

Hi friend I'm learing hoq jSON works I create file named demo_ajax_json.js which has following code

[
{ 
  "firstName": "John",
  "lastName": "Doe",
  "age": 25
},
{ 
  "firstName": "SAM",
  "lastName": "Doe",
  "age": 36
},
{ 
  "firstName": "MAX",
  "lastName": "Doe",
  "age": 55
}
]

I'm tryiung to fetch firstName and age only. I wrote following code

function json(){
$.getJSON( "demo_ajax_json.js", function( data ) {
    var items = [];
    $.each( data, function( firstName, age) {
    $("div ul").append( "<li id='" + firstName + "'>" + age+ "</li>" );
    });

});
    }

$(document).ready(function(){
  $("button").click(function(){

      json();
  });
});

And this code giving me this

[object Object]
[object Object]
[object Object]

Plz help guys how to get this done.

Thanks in advance

Peter Kostov · Accepted Answer · 2014-11-19 09:06:20Z

1

...        
var items = [];
$.each( data, function(index, value) {
  $("div ul").append( "<li id='" + value.firstName + "'>" + value.age+ "</li>" );
});
...

answered Nov 19, 2014 at 9:06

Peter Kostov

9511 gold badge6 silver badges16 bronze badges

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

Comments

Code Lღver · Accepted Answer · 2014-11-19 09:06:32Z

0

Your code should be this:

function json(){
  $.getJSON( "demo_ajax_json.js", function( data ) {
    var items = [];
    $.each( data, function(i,obj) {
    $("div ul").append( "<li id='" + obj.firstName + "'>" + obj.age+ "</li>" );
    });

  });
}

answered Nov 19, 2014 at 9:06

Code Lღver

15.6k16 gold badges61 silver badges75 bronze badges

4 Comments

Gary Over a year ago

What's var items = []; for?

Code Lღver Over a year ago

@GaryLuck this is used by OP. that's why I have remain it as it is.

Gary Over a year ago

Whoops! Thought I was commenting on OP. (Am on mobile) Though now that I look, OP is also not using It for anything. Does it need to be there?

Code Lღver Over a year ago

@GaryLuck May be or may be not. depend on OP requirement.

Collectives™ on Stack Overflow

fetch data from jSON file

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related