Parsing json jquery

Question

My request ajax with json_encode:

[{"idHome":"1","Photo":"home-1.jpg","Publier":"1"},
{"idHome":"2","Photo":"home2.jpg","Publier":"1"}, 
{"idHome":"3","Photo":"home3.jpg","Publier":"1"}]

var string = JSON.stringify(data);

var obj = $.parseJSON(string);

console.log(string);

var idHome = obj.idHome;

var photo = obj.Photo;


console.log(obj.idHome);

console.log(obj.Photo);

Problem with parsing json

console log :

[{"idHome":"1","Photo":"home-1.jpg","Publier":"1"},{"idHome":"2","Photo":"home-2.jpg","Publier":"1"},{"idHome":"3","Photo":"home-3.jpg","Publier":"1"}]

undefined

undefined

I use $.ajax ! $.ajax({ url: "url", data: 'GET', dataType: 'json', — boube
– boube, Commented Jun 18, 2013 at 18:55

PSL · Accepted Answer · 2013-06-18 19:10:51Z

2

It is an array so you need to loop through, there are so many ways to do it.

for (i = 0; i < obj.length; i++) {
    console.log(obj[i].idHome);
    console.log(obj[i].Photo);
}

or:

obj.forEach(function(val) {
    console.log(val.idHome);
    console.log(val.Photo);
});

or:

for (var i in obj) {
    console.log(obj[i].idHome);
    console.log(obj[i].Photo);
}

Jquery use :

 $.each(obj, function(_, val){
    console.log(val.idHome);
    console.log(val.Photo);
 });

and so on....

edited Jun 18, 2013 at 19:10

answered Jun 18, 2013 at 18:54

PSL

124k21 gold badges257 silver badges243 bronze badges

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

2 Comments

boube Over a year ago

Jquery use parse just {"idHome":"1","Photo":"home1.jpg","Publier":"1"}

PSL Over a year ago

@boube You want only the first one?

Rob · Accepted Answer · 2013-06-18 18:53:40Z

2

Your json is an array of three objects.

Try

console.log(obj[0].idHome);
console.log(obj[0].Photo);

More info: http://www.w3schools.com/json/json_syntax.asp

answered Jun 18, 2013 at 18:53

Rob

5,5983 gold badges25 silver badges28 bronze badges

Collectives™ on Stack Overflow

Parsing json jquery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related