jQuery json don't output the right value

Question

I'm trying to output the "title", "url", "imageUrl" but it only shows "undefined" or "[object Object]", and I have to solve this

My code should output like this:

<p>The Word</p>
<p>Art</p>
<p>Attaining</p>

Here is my JSON code:

{
    "ebookList":{
        "ebook":[
            {
                "title":"The Word",
                "url":"/products/",
                "imageUrl":"/products/",
                "_id":"1"
            },
            {
                "title":"Art",
                "url":"/products/",
                "imageUrl":"/products/",
                "_id":"2"
            },
            {
                "title":"Attaining",
                "url":"/products/",
                "imageUrl":"/products/",
                "_id":"3"
            }
        ]
    }
}

and my javascript:

function loadBooks() {
    $.getJSON('products/books.json', function (result) {
        $.each(result, function (i, res) {
            alert(res.title);
        });
    });
}

$.each(result.ebookList.ebook, function (i, res) { alert(res.title); }); or $.each(result['ebookList']['ebook'], function (i, res) { alert(res.title); }); — Pranav C Balan
– Pranav C Balan, Commented Mar 19, 2016 at 10:49

Loufylouf · Accepted Answer · 2016-03-19 14:28:17Z

1

The problem is that you do each on result which is the whole table. So your res variable will contain every iteration of ebook and here you have only one. The ebook array does not contain any title attribute (which explains the undefined you get), it only contains objects (3 arrays in that example, that explain the output you have when doing alert(res)), that contain title attributes among others.

So to do what you want, you have to do $.each(result.ebookList.ebook, function (i, res) that will loop through the objects inside the ebook object.

edited Mar 19, 2016 at 14:28

answered Mar 19, 2016 at 10:55

Loufylouf

6095 silver badges14 bronze badges

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

Comments

Claudio King · Accepted Answer · 2016-03-19 10:55:40Z

1

To alert the titles use this loop.

for(i=0; i<result.ebookList.ebook.length; i++){
  alert(result.ebookList.ebook[i].title);
}

answered Mar 19, 2016 at 10:55

Claudio King

1,6161 gold badge11 silver badges12 bronze badges

2 Comments

jazz Over a year ago

Claudio King Over a year ago

Withou $.each, my loop does the same in pure JavaScript

Collectives™ on Stack Overflow

jQuery json don't output the right value

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related