jQuery.getJSON REST access data

Question

Upon this json rest object:

[{"id_film":1,"title":"Forrest Gump","director":"Zameckis","year":"1994","price":"12.00","format":"DVD"},{"id_film":4,"title":"Back to the Future II","director":"Zameckis","year":"1989","price":"9.95","format":"DVD"}]

I am trying to build a response in a web page using the $getJSON function and place the response in a div id="films", but I do not know how to get to the 'title' and 'director' json properties.

$.getJSON( "http://rest/url", function( data ) {
    var items = [];
    $.each( data, function( title, director ) {
    items.push( "<li id='" + title + "'>" + director + "</li>" );
    });

    $( "<ul/>", {
        "class": "my-new-list",
         html: items.join( "" )
         }).appendTo( "#films" );
   });

In the response only appears an unordered list of:

[object Object]
[object Object]

What I could do to get a list of 'title' and 'director' unordered list?

Thanks

Oleksandr T. · Accepted Answer · 2015-04-18 19:07:51Z

2

Try this

$.each( data, function( index, value ) {
    items.push( "<li id='" + value.title + "'>" + value.director + "</li>" );
});

each callback expects two arguments index, element. Variable director contains full object so you get [object Object] (returns from .toString(), because you try convert object to String), you need get property from object, you can do it like in my example

edited Apr 18, 2015 at 19:07

answered Apr 18, 2015 at 19:01

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

Collectives™ on Stack Overflow

jQuery.getJSON REST access data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related